Javascript 平滑滚动插件不允许我向下滚动页面

Javascript 平滑滚动插件不允许我向下滚动页面,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,我在github插件中添加了平滑滚动效果 github.com/simov/simpr-smoothscroll 我在号召中添加了以下内容: <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.0.6/

我在github插件中添加了平滑滚动效果

github.com/simov/simpr-smoothscroll

我在号召中添加了以下内容:

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.0.6/jquery.mousewheel.min.js"></script>
<script src="http://simov.github.io/simplr-smoothscroll/lib/jquery.simplr.smoothscroll.js"></script>
$(function () { $.srSmoothscroll() });
在我这样做之后,我的页面不再向下滚动。它只向上滚动。为什么它不能正常工作

我在上面添加此内容的站点是以下站点中的此页面:

我希望它能模仿:

在githubs网站上,它说用法如下:

$(function () {
 $.srSmoothscroll({
    // defaults
    step: 55,
    speed: 400,
    ease: 'swing',
    target: $('body'),
    container: $(window)
  })
})
但这对我的处境没有帮助


有人知道为什么没有向下滚动吗?

看起来你的插件正在赶上滚动条。使用以下代码段,您可以轻松实现它,而不是为此提供插件:

$(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
        }, 1000);
        return false;
      }
    }
  });
});

更多详细信息,请访问。

我对
$.srSmoothscroll()
中的标准设置有相同的问题,请将CSS文件中的
body{height:100%}
更改为
body{height:auto}
。这为我解决了chrome47(win7/osX 10.9)上的问题。或更改目标选项参数以使用包装器div:

$.srSmoothscroll({
    target: $('wrapper')
});

如果你在WordPress上,为什么不下载如下插件:


看看它是否有效,如果无效,这是一个主题/jQuery冲突问题

我希望它在我用鼠标滚动器向下滚动时有一个平滑的滚动。如果你使用滚动条,进入我的页面底部,然后向上滚动,我希望它能做类似的事情,但同时上下工作。@Becky,但同时,该插件干扰了你的平滑滚动,我想…我只是不知道该怎么做,因为这就是该插件的用途。“有没有办法修好它?”贝基·莱姆再次为你检查。如果没有,请尝试使用我的解决方案,如果它有效,那将是双赢的。谢谢。正如你所知道的,我说的我想为它建模的网站,我指的是当你向上或向下滚动时的慢速滚动效果。不是将页面返回顶部的箭头。仍在寻找解决方案。。。