如何在滚动(GWT)后修复div(或面板…)?

如何在滚动(GWT)后修复div(或面板…)?,gwt,panel,Gwt,Panel,我正在努力实现这一效果: 您可以看到,滚动后,左侧导航栏会固定在页面顶部 我如何使用GWT实现这样的效果 就我的经验而言,有两种方法可以做到这一点。两者都基于这样一种认识,即GWT最终实际上只是Javascript 由于这是一种效果,与功能无关,所以您可以将其连接到外部js文件中,并按原样使用Pegs 复制GWT中的功能 a。(Widget.getElement().getStyle().setTop(“33px”) b、 =使用本模块,只需反思Pegs扩展 你不应该碰JSNI(这很好) 就我个

我正在努力实现这一效果: 您可以看到,滚动后,左侧导航栏会固定在页面顶部

我如何使用GWT实现这样的效果


就我的经验而言,有两种方法可以做到这一点。两者都基于这样一种认识,即GWT最终实际上只是Javascript

  • 由于这是一种效果,与功能无关,所以您可以将其连接到外部js文件中,并按原样使用Pegs

  • 复制GWT中的功能

    a。(Widget.getElement().getStyle().setTop(“33px”)

    b、 =使用本模块,只需反思Pegs扩展

  • 你不应该碰JSNI(这很好)


    就我个人而言,如果可能的话,我会选择第一个。选项二基于window onscroll,根据具体情况,它可能会变得非常非常慢。

    根据我的经验,有两种方法可以做到这一点。两者都基于这样一种认识,即GWT最终实际上只是Javascript

  • 由于这是一种效果,与功能无关,所以您可以将其连接到外部js文件中,并按原样使用Pegs

  • 复制GWT中的功能

    a。(Widget.getElement().getStyle().setTop(“33px”)

    b、 =使用本模块,只需反思Pegs扩展

  • 你不应该碰JSNI(这很好)


    就我个人而言,如果可能的话,我会选择第一个。选项二基于window-onscroll,根据具体情况,它可能会变得非常非常慢。

    你好,好吧,发生的事情是为了有一个快速的初始加载时间,我希望避免使用外部库,比如jquery(gwt-jquery也…)。这是个好主意吗?我没有看到添加几个库会减少加载时间。SmartGWT是巨大的,所以这很重要,但大多数(GWTjQuery、cellwidgets等)我根本没有注意到滞后。然而,如果你的经验证明不是这样,2a。不需要外部库。只需在Window对象上添加一个onscroll,然后更改样式。有时这就足够了,有时我会因为延迟而完全放弃解决方案。至于只使用jquery,我不会担心它。这看起来仍然是最好的解决方案,如果您使用GooglejQuery导入,很可能您的客户端浏览器已经缓存了它。如果没有,一般消费者仍然不会注意到。您好,好的,发生的事情是为了有一个快速的初始加载时间,我希望避免外部库,例如jquery(gwt-jquery也…)。这是个好主意吗?我没有看到添加几个库会减少加载时间。SmartGWT是巨大的,所以这很重要,但大多数(GWTjQuery、cellwidgets等)我根本没有注意到滞后。然而,如果你的经验证明不是这样,2a。不需要外部库。只需在Window对象上添加一个onscroll,然后更改样式。有时这就足够了,有时我会因为延迟而完全放弃解决方案。至于只使用jquery,我不会担心它。这看起来仍然是最好的解决方案,如果您使用GooglejQuery导入,很可能您的客户端浏览器已经缓存了它。如果不是,普通消费者仍然不会注意到。