Question

是否可以通过css或jQuery更改'scrollbar'的开始滚动位置

See the demo - div.container滚动，直到活动元素项（蓝色）显示为div中最顶层的元素。

注意：我不需要jQuery'内容滚动'插件

<div class="container">
    <ul class="content">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li class="active">5 active</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
    </ul>
</div>

Answer 1

以这种方式应用scrollTop()：

$('.container').scrollTop($('.content').find('.active').position().top);

Demo

如果您想要动画方式，请.scrollTop()使用.animate()：

$('.container').animate({
    scrollTop:$('.content').find('.active').position().top
});

Demo with animate.

Answer 2

$(function() {
    var t = $('li.active').position().top;
    $('div.container').scrollTop(t);
});

Answer 3

您可以使用scrolltop（）来执行此操作，以便突出显示的li位于顶部

$(document).ready(function(){
$( "div.container" ).scrollTop( 175 );
});

在html div中更改默认滚动条滚动位置

3 个答案: