发布于 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();
})
©2020 edoou.com   京ICP备16001874号-3