浮动的div随滚动条滚动而滚动

时间:2021-04-20 17:08:05

使用fixed样式浮动时,当浏览器窗口变小,fixed的宽度不变,内容部分被遮住了怎么办?

要想fixed也滚动才能看到内容,但是fixed滚动的话就不受别的滚动条的控制了,并且我还不希望fixed出现滚动条,这样影响了美观。

那么,我想到的办法是用jq监控window的滚动条,操作window的滚动条就相当于操作fixed的滚动条。不想看到fixed的滚动条的话,用css样式把它变为透明,就看不到了。

<script>
$(window).scroll(function(){
var leftWidth=$(window).scrollLeft();
$('#nav').scrollLeft(leftWidth);
});
</script>


.nav-wrap2::-webkit-scrollbar-track,.nav-wrap2::-webkit-scrollbar-thumb,
.nav-wrap2::-webkit-scrollbar-thumb:window-inactive {
    background: transparent;
}