參見英文答案 >

CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue????????????????????????????????????6個

是否可以從垂直滾動列表中水平溢出項目？

我在這里有一個codepen示例：

http://codepen.io/baskuipers/pen/GqQYRJ

var $item = $('#1'),$button = $('.button');

$button.on("click",function() {

$item.toggleClass('addMargin');

});

.sidenav {

width: 300px;

background-color: grey;

position: fixed;

padding: 20px;

}

.addMargin {

margin-left: 60px;

}

.item {

width: 100%;

overflow-y: auto;

height: 100vh;

z-index: 5;

position: relative;

}

.sub-item {

transition: margin-left 1s cubic-bezier(0.36,-0.48,2.22);

background-color: orange;

height: 100px;

width: 100%;

margin-bottom: 10px;

z-index: 10;

position: relative;

}

body {

box-sizing: border-box;

margin: 0;

padding: 0;

}

test

在示例中,我希望將黃色項目從列表中刪除.

滾動條的可見性不是問題.

有什么建議？ CSS / JavaScript？

謝謝！

總結

以上是生活随笔為你收集整理的html溢出自动滚动,html – 溢出-y：使用overflow-x滚动：可见的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。