Jquery 不使用插件控制水平滚动条的位置
我需要你的帮助。也许一个暗示就足够了。一些我没见过的东西 我希望水平滚动条(class scroll)动态地向左滚动到div可见部分的开头,class right。请看一下css部分中的注释 div(类:左/右)的宽度稍后会动态变化。 所以我不得不将滚动条定位到右边部分的开头 边框始终位于屏幕的中间。右侧部分应位于边界右侧,左侧部分位于左侧 你知道怎么做吗? 我知道这很难解释。请问 这是我的代码片段Jquery 不使用插件控制水平滚动条的位置,jquery,scroll,scrollbar,scrollto,Jquery,Scroll,Scrollbar,Scrollto,我需要你的帮助。也许一个暗示就足够了。一些我没见过的东西 我希望水平滚动条(class scroll)动态地向左滚动到div可见部分的开头,class right。请看一下css部分中的注释 div(类:左/右)的宽度稍后会动态变化。 所以我不得不将滚动条定位到右边部分的开头 边框始终位于屏幕的中间。右侧部分应位于边界右侧,左侧部分位于左侧 你知道怎么做吗? 我知道这很难解释。请问 这是我的代码片段 <!-- HTML --> <div class="width100">
<!-- HTML -->
<div class="width100">
<div class="scroll">
<div class="outer">
<div class="border"></div>
<div class="left"></div>
<div class="right"></div>
</div>
</div>
</div>
-
.宽度{
宽度:100%;
}
.卷轴{
溢出-x:滚动;
}
.外部{
宽度:960px;
高度:55px;
背景颜色:橙色;
}
.边界{
宽度:2倍;
高度:55px;
左边距:50%;
位置:绝对位置;
背景颜色:黑色;//将是宽度为960px的背景图像;
}
.左{
浮动:左;
宽度:400px;//不同
高度:55px;
位置:相对位置;
}
.对{
宽度:560px;//不同
浮动:左;
高度:55px;
背景颜色:绿色;//将是宽度为960px的背景图像;
}
-
$('.scroll')。向左滚动(/*到位置?*/);
名为的元素上有一个属性。
它获取或设置元素内容向左滚动的像素数
对于您的特定问题,如果您想使用jQuery,此代码段可能会帮助您:
$('.scroll')[0].scrollLeft = $('.left').width()
这是一个。元素上有一个名为的属性。 它获取或设置元素内容向左滚动的像素数 对于您的特定问题,如果您想使用jQuery,此代码段可能会帮助您:
$('.scroll')[0].scrollLeft = $('.left').width()
这是一个例子
$('.scroll')[0].scrollLeft = $('.left').width()