[英]Can I customize the horizontal position of scroll bar?
我正在使用表格組件。 內容的高度大於表格的高度。 所以我需要一個滾動條。
但是表組件來自開源框架ant-design。 所以我不能直接修改代碼。
在下圖中,我想將滾動條移到表格中,即將滾動條向左移一點。
::-webkit-scrollbar {
position: relative;
left:-10px;
}
我用過財產position
。 但這沒有用。 既不搜索谷歌。
這是codepen的代碼示例: https ://codepen.io/anon/pen/eXqqqb那么,向左移動滾動條的解決方案是什么?
/* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: grey; border-radius: 10px; } .list_container { overflow:auto; height: 50px; width: 40px; }
<div class="list_container"> <div class="item_direction">1</div> <div class="item_direction">2</div> <div class="item_direction">3</div> <div class="item_direction">4</div> <div class="item_direction">5</div> <div class="item_direction">6</div> <div class="item_direction">7</div> <div class="item_direction">8</div> <div class="item_direction">9</div> <div class="item_direction">10</div> <div class="item_direction">11</div> <div class="item_direction">12</div> </div>
所以我編輯了答案。 這適用於div。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.