javascript - 使用 GWT/Java/JavaScript 滚动到可滚动对象的特定位置

Question

我有一个特定的页面，上面有几个 CellTable。

它们非常大，我在触控板水平滚动时遇到问题(看起来，GWT 上没有)。这就是我选择为它们使用滚动处理程序的原因:

MouseWheelHandler handler = new MouseWheelHandler() {

      @Override
      public void onMouseWheel(MouseWheelEvent event) {
            event.preventDefault();
            int velocityX = 0;
            int velocityY = 0;
            int positionx=0;
            int positiony=0;

            positionx=event.getX();
            positiony=event.getY();
            velocityX = getMouseWheelVelocityX(event.getNativeEvent()) / 10;
            velocityY = getMouseWheelVelocityY(event.getNativeEvent()) / 10;

            positionx=positionx+velocityX;
            positiony=positiony+velocityY;

      }
  };

我正在获取 X 轴和 Y 轴上的滚动速度以及滚动的新位置。我需要做的最后一件事是滚动到特定位置(例如 positionX)或滚动特定数量的像素(例如 velocityX)。但我不能使用 javascript scrollBy 或 scrollTo，因为它们应用于整个窗口，而不是应用于特定对象(我的 CellTables)。

如何滚动到对象的特定像素位置？

Answer 1

你有两个选择:

1. 将您的 CellTable 小部件放入 ScrollPanel 中。 ScrollPanel 具有您需要的所有方法(如 setHorizo​​ntalScrollPosition() 等)

2. 使用 DataGrid 小部件而不是 CellTable。 DataGrid 小部件具有固定的页眉和页脚(如果需要)和内部可滚动的内容。