Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 更改html div中的默认滚动条滚动位置_Jquery_Html_Css - Fatal编程技术网

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

Jquery 更改html div中的默认滚动条滚动位置,jquery,html,css,Jquery,Html,Css,是否可以通过css或jQuery更改“scrollbar”的起始滚动位置 -div.container滚动,直到活动元素项(蓝色)显示为div中最上面的元素 注意:我不需要jQuery“内容滚动”插件 <div class="container"> <ul class="content"> <li>1</li> <li>2</li> <li>3</l

是否可以通过css或jQuery更改“scrollbar”的起始滚动位置

-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>

  • 一,
  • 二,
  • 三,
  • 四,
  • 5个活动
  • 六,
  • 七,
  • 八,
  • 九,
  • 十,
通过以下方式应用
滚动条()

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


如果您希望以动画方式显示,请将
.scrollTop()
.animate()
配合使用:

通过以下方式应用
滚动条()

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


如果您希望以动画方式显示,请将
.scrollTop()
.animate()
配合使用:

您可以使用scrolltop()执行此操作,以便高亮显示的li位于该顶部

$(document).ready(function(){
$( "div.container" ).scrollTop( 175 );
});
您可以使用scrolltop()来执行此操作,以便高亮显示的li位于该顶部

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

你在问什么?要在蓝色元素位于顶部时停止滚动?要自动滚动到蓝色元素?单击事件滚动到蓝色元素?我想知道蓝色元素显示在顶部-而不是自动滚动@atmd你在问什么?要在蓝色元素位于顶部时停止滚动?要自动滚动到蓝色元素?单击事件滚动到蓝色元素?我希望蓝色元素显示在顶部-而不是自动滚动@ATMDWOOWW简单超级答案,我期待着这个,我认为jQuery中没有语法用于此:P,Tanks:)@jai$('.container')。animate({scrollTop:$('.content')。find('.active')。position().top},'slow')@Reza-S4是可选的,但如果需要速度,最好使用数值。@Jai这是真的!我想发送帖子,当我重新加载页面时,我看到你在编辑帖子!所以我评论了它!!!;)@雷扎-S4哦!祝下次好运。Woowwww简单而超级的答案,我期待着这个,我认为jQuery中没有这个语法:P,Tanks:)@jai$('.container')。animate({scrollTop:$('.content')。find('.active')。position().top},'slow')@Reza-S4是可选的,但如果需要速度,最好使用数值。@Jai这是真的!我想发送帖子,当我重新加载页面时,我看到你在编辑帖子!所以我评论了它!!!;)@雷扎-S4哦!下次运气更好。当我们不知道元素的偏移量时,它有用吗?当我们不知道元素的偏移量时,它有用吗?