div里的内容怎么滚动到最上面呢？

Question

<div> <!-- 有固定高度，内部元素过长可垂直滚动 -->

    <ul></ul> <!-- 高度较长 -->

</div>

请教大家，当ul在div里滚动到底部，怎么通过js的方式，让ul在div里滚动回顶部呢？

Answer 1

也就是回到顶部功能嘛,以下是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();
})

参考我这个网站在线古汉语词典。

Answer 2

解决方法很多，简单列两种吧（带动画的和不带动画的）
1.带动画的（js,jq思路差不多）
$('div').animate({ scrollTop: 0 }, { seep: 500, easing: 'swing' })
2.不带动画的
直接给内部ul设置锚点，然后触发锚点就行了