左側滾動條


依據UI設計,有些情況下,滾動條需要放置在左側。

一般的思路是調整滾動條樣式。

或是設置屬性dir="rtl"。

對於常用的jq插件mCustomScrollbar如何設置。

## 左側滾動條--不推薦

缺點:不適用於出現多個滾動條的頁面

```css
/*覆蓋 滾動條插件樣式 */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
right: auto !important;
}
```

## 左側滾動條--推薦


```js
$('#container-id').addClass('mCS-dir-rtl');

```

## jq-- mCustomScrollbar簡單使用

注意:js需要放置在js文件底部,最后加載

```css
(function($){
$(window).load(function(){
$("#container-id").mCustomScrollbar({

});
});
})(jQuery);
```


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM