在 div 上放置顶部水平滚动条最简单的方法是什么?
我找到了这个解决方案,但它必须同时具有顶部和底部滚动条。我只想要最上面的那个。
最佳答案
给你...(从 @ascii-lime 获得许可回答“被盗”:)
解决方案与您提供的链接中的解决方案相同,除了 overflow: hidden 添加到 .wrapper2 的 CSS。
$(function(){
$(".wrapper1").scroll(function(){
$(".wrapper2")
.scrollLeft($(".wrapper1").scrollLeft());
});
$(".wrapper2").scroll(function(){
$(".wrapper1")
.scrollLeft($(".wrapper2").scrollLeft());
});
});
这是更新后的 CSS:
.wrapper1, .wrapper2{width: 300px; border: none 0px RED;
overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px; }
.wrapper2{height: 200px; overflow: hidden;}
.div1 {width:1000px; height: 20px; }
.div2 {width:1000px; height: 200px; background-color: #88FF88;
overflow: auto;}
和 HTML:
<div class="wrapper1">
<div class="div1">
</div>
</div>
<div class="wrapper2">
<div class="div2">
aaaa bbbb cccc dddd aaaa bbbb cccc dddd aaaa bbbb cccc dddd aaaa bbbb cccc dddd aaaa bbbb cccc dddd aaaa bbbb cccc dddd aaaa bbbb cccc dddd
</div>
</div>
关于javascript - 如何仅在 div 中设置 TOP 水平滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14736332/