大于视口的部分不可滚动,并跳回到顶部

时间:2019-05-21 09:17:49

标签: jquery-scrollify

我在使用jQuery-scrollify时遇到问题。我有一个标头部分,高度为100vh,工作正常。下一个部分比视口高。它通常向下滚动到它,但是它阻止您向下滚动到该容器中的元素。当我使用滚动条并基本迫使其向下滚动时,它会捕捉回到该部分的上边缘。

我尝试更改setHeights变量,但这无济于事。 奇怪的是,当我调整窗口大小或打开Chrome检查器时,它会自行修复。因此,我尝试在afterRender函数中调用update方法,但这没有用。虽然当我从控制台调用update方法时它确实起作用。安装Scrollify后,我也遇到一个问题,即我的页脚位于其上方部分的中间。我确实认为此问题是与滚动相同的问题导致的,因为在我更新scrollify时也可以解决此问题。

这些是我的设置:

section: ".scroll",
      sectionName: "section-name",
      interstitialSection: ".footer",
      easing: "easeOutExpo",
      scrollSpeed: 700,
      offset: 0,
      scrollbars: true,
      target:"html,body",
      standardScrollElements: false,
      setHeights: true,
      overflowScroll: true,
      updateHash: true,
      touchScroll:true,
      before:function() {},
      after:function() {},
      afterResize:function() {},
      afterRender:function() {}

0 个答案:

没有答案