平滑滚动无法在Chrome锚点中运行

时间:2016-11-02 03:42:01

标签: jquery html google-chrome scroll scrolltop

您好,我无法在Chrome中顺利滚动。在其他浏览器中正常工作。它将转到锚点但没有平滑滚动。我还根据chrome:// flags /

启用了滚动功能

Jquery的:

jQuery('.arrow-down').on('click',function (e) {
   e.preventDefault();
    var target = this.hash,
    jQuerytarget = jQuery(target);
    jQuery('html, body').stop().animate({
      'scrollTop': jQuerytarget.offset().top - 60
  }, 1500, 'swing', function () {
      window.location.hash = target;
  });
});

HTML:

<a href="#articleblock1" class="btn arrow-down"><div>SCROLL DOWN</div><i class="fa fa-angle-down" style="line-height:15px;font-size:30px;"></i></a>

2 个答案:

答案 0 :(得分:2)

你好,我已经弄明白了。 我有溢出x:在我身上可见。

所以我把它改成溢出:可见并且这有用......不确定为什么虽然......?

答案 1 :(得分:1)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这对我有用。把它放在页面的CSS中。 Chrome大约一个月前随机停止了我的jquery动画版滚动码代码。很高兴我再次调查这个,因为我以前找不到任何答案。谢谢RRowan!