如何使滚动条自动滚动到表格中的项目

Question

我有一个带滚动条的表。如何使滚动条自动滚动到表格中的项目。

Answer 1

optikalefxx帮我解决了这个问题。 http://www.youtube.com/watch?v=S6pzabpUmoc

<强> HTML

<p class="navigation">
    <h2><a href="#link1">Link 1</a> | <a href="#link2">Link 2</a> | <a href="#link3">Link 3</a> | <a href="#link4">Link 4</a></h2>
</p>

<强>的Javascript

$(function() {
    // catch all clicks on a tags
    $("a").click(function() {
        // check if has hash
        if(this.hash) {
            // get rid of the # sign
            var hash = this.hash.substr(1);

            // get the position of the <a name>
            var $toElement = $("a[name="+hash+"]");
            var toPosition = $toElement.position().top;

            // scroll/animate to that element
            $("body,html").animate({
                scrollTop : toPosition
            },1500,"easeOutExpo");

            // don't do the jump
            return false;
        }
    });

    if(location.hash) {
        var hash = location.hash;
        window.scroll(0,0);
        $("a[href="+hash+"]").click();
    }
});

希望它也能帮到你。