Javascript 平滑滚动插件不允许我向下滚动页面
我在github插件中添加了平滑滚动效果 github.com/simov/simpr-smoothscroll 我在号召中添加了以下内容: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/
<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,但同时,该插件干扰了你的平滑滚动,我想…我只是不知道该怎么做,因为这就是该插件的用途。“有没有办法修好它?”贝基·莱姆再次为你检查。如果没有,请尝试使用我的解决方案,如果它有效,那将是双赢的。谢谢。正如你所知道的,我说的我想为它建模的网站,我指的是当你向上或向下滚动时的慢速滚动效果。不是将页面返回顶部的箭头。仍在寻找解决方案。。。