我现在正在开发的网站的滚动条有一个奇怪的问题。
这是 url - testportay.free.bg。当我打开内容溢出的部分(画廊和关于的两个小节)并且当我开始向下滚动时,滚动条下降然后立即再次回到顶部,这种情况只发生一次。然后它停止弹跳,滚动一切正常。我认为这是由我添加的“-webkit-overflow-scrolling: touch”属性引起的,但似乎这不是问题的原因。另外我不确定它是否有任何连接,但在移动版本上向下滚动时(例如在 iphone 上),一旦滚动到页面底部,页面弹跳一次,向上(向后)大约 40px覆盖底部的链接(隐藏它)并停留在该位置而无法再次滚动。
最佳答案
我找到了导致问题的原因。该脚本运行正常。但奇怪的是,当我滚动滚动条时,它会弹跳
$('.link-today[href^="#"],.link-heritage[href^="#"],.link-to-section[href^="#"]').on('click',function (e) {
var target = this.hash;
var $target = $(target);
$('.about-heritage, .about-today,#gallery,#contact').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
关于jquery - 在滚动条上弹跳一次滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30772015/