所以我一直在寻找这个,唯一有效的方法是将 body height: 100%
的 CSS 替换为 min-height: 100%
。问题是更改会破坏页面的样式。是否有其他解决方法?
function ScrollTop() {
$('html, body').animate({ scrollTop: 0 }, 0);
return false;
}
function NextPage(page) {
$(".page[data-page='" + page + "']").addClass("hidden");
page = page + 1;
$(".page[data-page='" + page + "']").removeClass("hidden");
ScrollTop();
}
html, body, form, #container, #mainform, #content {
margin: 0 auto;
padding: 0;
position: relative !important;
width: 100% !important;
height: 100% !important;
}
仅供引用,这不适用于任何浏览器(迄今为止所有浏览器的最新版本)。也尝试从正文中删除 overflow-x: hidden
,但仍然无法正常工作。也试过
$("#container").animate({
scrollTop:0
}, "slow");
window.scrollTo(0, 0) //this returns undefined
最佳答案
我创建了一个可用的 fiddle 。它工作正常。
$(function() {
$('.backtotop').click(function()
$('body').animate({ scrollTop: 0 }, .2);
return false;
});
});
关于javascript - 滚动到顶部 Jquery 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34595646/