Jquery 更改html div中的默认滚动条滚动位置
是否可以通过css或jQuery更改“scrollbar”的起始滚动位置 -div.container滚动,直到活动元素项(蓝色)显示为div中最上面的元素 注意:我不需要jQuery“内容滚动”插件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
<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哦!下次运气更好。当我们不知道元素的偏移量时,它有用吗?当我们不知道元素的偏移量时,它有用吗?