我在我的网站上使用 Jquery 代码。单击 div (.bottom) 时,我的页面会滚动到顶部。它工作得很好,这是我的代码:
function scroll_cartouche(){
$('.bottom').click(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 500);
});
现在我的页面已经滚动到顶部,我想再次单击 .bottom div 时滚动到底部(返回到初始位置)
这是我试过的代码,但我有一个错误:
function scroll_cartouche(){
$(window).scroll(function () {
if ($(this).scrollTop() != 0) {
$('.bottom').click(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 500);
});
} else {
$('.bottom').click(function() {
$("html, body").animate({ scrollTop: 0 }, 500);
});
}
});
}
有人可以帮我吗? 非常感谢,
最佳答案
做类似的事情
$('.bottom').click(function() {
if ($(window).scrollTop() == 0) {
$("html, body").animate({ scrollTop: $(document).height() }, 500);
} else {
$("html, body").animate({ scrollTop: 0 }, 500);
}
});
关于javascript - 单击 div 时滚动到顶部,如果滚动在顶部则滚动到底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26554839/