在 GWT ScrollPanel 中使用 MouseWheel 进行水平滚动？

【问题标题】：Horizontal Scroll with MouseWheel in GWT ScrollPanel?在 GWT ScrollPanel 中使用 MouseWheel 进行水平滚动？
【发布时间】：2014-01-23 02:48:29
【问题描述】：

我有一个带有水平滚动条的 GWT ScrollPanel，即

overflow-y: scroll;

如何在滚动条上绑定 MouseWheel 事件以在鼠标滚轮移动时执行水平滚动？

【问题讨论】：

标签： java javascript html gwt

【解决方案1】：

请看这个如何监听鼠标滚轮事件的例子： http://examples.roughian.com/index.htm#Listeners~MouseWheelListener

而不是标签扩展ScrollPanel

而不是setText 调用setHorizontalScrollPosition(int position)

public void onMouseWheel(Widget sender, MouseWheelVelocity velocity)
{
    DOM.eventPreventDefault(DOM.eventGetCurrentEvent()); //prevent vertical scroll
    int positionDelta = velocity.getDeltaY() * 30;
    int newPosition = getHorizontalScrollPosition() - positionDelta;
    setHorizontalScrollPosition(newPosition);   
}

另见How to do a horizontal scroll on mouse wheel scroll?

【讨论】：