如何選擇滾動條和更改CSS？

我有這個是width:100%;。在底部我有水平滾動條。我想要的是滾動條有width: 60%和float:right;。任何建議我該怎麼做？如何選擇滾動條和更改CSS？

<div style="width:100%;overflow-x:scroll"> 
content 
</div>

所以現在滾動條是所有的div，我想只有一半，並在右側。我只想使用css，而不是jquery，因爲我使用angular。那我該怎麼做？

來源

2017-09-04 None

請上傳您的模擬式圖像.. – veera

你想滾動條是不是大小滾動容器一樣嗎？沒門。這種效果只能通過使用滾動創建附加元素來模擬。所有的關係（滾動僞滾動應該觸發在原始塊滾動）需要JS。這也會影響性能。 – Anarion

您可以通過將div的寬度設置爲60％來設置滾動條的寬度。

.scroll{ 
 
    width:60%; 
 
    overflow-x:scroll 
 
}

<div class="scroll"> 
 
<p> 
 
    content 
 
</p> 
 
</div>

來源

2017-09-04 09:25:45 bhansa

我想有div 100％和滾動條60％; – None

我不覺得你可以做的，與純css，U可以注入的jQuery容易，如果像webpack2

來源

2017-09-04 09:28:55

烏爾使用捆綁的工具，我用了兩個div剛剛嘗試這一點： -

.scroll{ 
 
    width:60%; 
 
    overflow-x:scroll 
 
}

<div class="col-md-12" style="display:flex; justify-content:center;"> 
 
<div class="scroll col-md-10"> 
 
<p> 
 
    content 
 
</p> 
 
</div> 
 
</div>

來源

2017-09-04 09:42:09

可以使用margin-right:-60px;

div { 
 
    margin-right: -60px; 
 
}

<div> 
 
content 
 
</div>

來源

2017-09-27 10:57:07 Santhosh

如何選擇滾動條和更改CSS？

回答

相關問題