Question

我遇到了jQuery scrollTop函数的问题。每当有人点击我的＆＃34;回到顶部＆＃34;按钮布局将在动画运行时崩溃。现在有一些特殊的代码，只有一个button.scrollTop（0）;

布局的样式是边框布局。

感谢您的帮助

Answer 1

只是为了测试函数本身是否没有导致问题，尝试在身体标记的最顶部放置一个空div

</head>
<body>
<div id="test"></div>
...
...
<button id="test-button">Scroll to top</button>
</body>

然后在JS文件中尝试执行此操作

var topButton = document.getElementById("test-button");
var test = document.getElementById("test");
topButton.onclick(function(){
     test.get(0).scrollIntoView();
});

这不是平滑滚动，但如果这样可行，那么HTML标记的其余部分可能就好了。

Answer 2

至于我从你的解释中看到的是你想要在点击按钮后滚动到顶部。但是你无法直接将scrollTop添加到按钮中。

我希望你使用类似的东西：

$('button').click(function(){
    $('html').scrollTop(0);
})

这会解决你的问题吗？

Answer 3

这是我的工作解决方案：

$('button').click(function(){
    $('html, body').animate({
        'scrollTop': '0px'
    });
}, 300);

问题是因为即时滚动到顶部。

谢谢大家的帮助！

Jquery scrollTop在滚动时确实打破了布局

3 个答案: