发布于 5年前
div里的内容怎么滚动到最上面呢?
<div> <!-- 有固定高度,内部元素过长可垂直滚动 -->
<ul></ul> <!-- 高度较长 -->
</div>
当ul在div里滚动到底部,怎么通过js的方式,让ul在div里滚动回顶部?
解决方案:
也就是回到顶部功能嘛,以下是jq
写法:
html:
<div class='toTop'>回到顶部按钮</div>
js:
/**
* 功能:显示回到顶部按钮的条件
*/
function mainScroll(){
$('ul').scroll(function () {
var top = $(this).scrollTop();
var height = $(this).height();
if (top >= height) {
$('.toTop').fadeIn(600);
} else {
$('.toTop').fadeOut(600);
}
})
}
/**
* 功能:点击回到顶部
*/
function clickToTop(){
$('.toTop').click(function(){
$('ul').animate({scrollTop:0},600);
})
}
$(document).ready(function(){
mainScroll();
clickToTop();
})