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

使用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;
}