平滑滚动太远,jQuery-滚动到绝对定位的元素

时间:2019-01-07 17:03:41

标签: jquery html scroll smooth-scrolling smoothing

我正在尝试使用背景图像实现平滑滚动页面,并且它与平滑滚动之间的距离太远,无法滚动到绝对定位的div标签,而不是我想要的背景图像的顶部。

如果我注释掉绝对定位元素,那么滚动效果会根据需要移到图像的顶部,但我不知道如何修复它以与绝对定位元素一起使用。

我已注释掉引擎锚中的caption元素,但未注释掉其他元素,以尝试在页面链接中显示我的意思。

在此方面的任何帮助将不胜感激...谢谢。

很抱歉,如果这不对,因为这是我的第一篇文章

HTML代码在这里http://www.martinsfurybuild.co.uk/scroll-test/scroll-test.html

下面的滚动代码

$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1500);
        return false;
      }
    }
  });
});

0 个答案:

没有答案