NiceScroll - 離開原滾動條完整

我已經添加了NiceScroll jQuery插件到我的網頁，它不正是我想要它做的（減輕了從鼠標滾輪滾動的事件）。NiceScroll - 離開原滾動條完整

但是，該插件似乎圍繞造型滾動條。在使用這個插件時，是否可以保留瀏覽器滾動條的原始樣式？

我檢查了documentation，並嘗試了很多參數，但似乎無法找到相關的一個。

在當前狀態下，滾動條不可見。

2014-01-13 JᴀʏMᴇᴇ

我不知道留在機智原來的，但櫃面你不能這樣做，你可以很容易的風格你的滾動條是這樣的：

::-webkit-scrollbar { 
    width: 10px; 
} 

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
    border-radius: 8px; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.8); 
}

恕我直言，這看起來有一些不錯的簡約的造型一樣，更好地無論如何，沒有人喜歡看的默認滾動條：P

來源

2014-01-13 11:25:54 TristanD27

謝謝您的回答。不幸的是 - 滾動條的樣式像最初一樣是必須的（就像我想開發這個網站一樣）。 –

Aaah沒問題，只是想我會把它扔出去，以防萬一。 – TristanD27

我不知道你是否已經找到了解決方案，但我知道另一個插件，它給出了一個很好的滾動並保持原始欄完好 - 如果你看看我目前正在處理的這個測試頁面，你可以看到示例 - http://zimxtrial.ukbigbuy.com/ – TristanD27

我不知道這是否仍是相關的，但不管怎樣，我有同樣的問題，並找到了解決辦法：

只需從插件刪除此部分中，版本3.4.0它在線：706-711。

if (!cap.isie9mobile) self.css(cont,{'overflow-y':'hidden'});  

if (self.ispage&&cap.isie7) { 
    if (self.doc[0].nodeName=='BODY') self.css($("html"),{'overflow-y':'hidden'}); //IE7 double scrollbar issue 
    else if (self.doc[0].nodeName=='HTML') self.css($("body"),{'overflow-y':'hidden'}); //IE7 double scrollbar issue 
}

如果你不喜歡編輯插件，你必須刪除「overflow：hidden;」從身體內聯風格來看，這是插件的功能。

當你要麼移除了插件線，或以另一種方式去掉了「溢出：隱藏;」從身體元素。你必須從插件中隱藏欄杆。

這是我做過什麼：

$(document).ready(function(){ 
    $("html").niceScroll(); 
    $('.nicescroll-rails').remove(); 
});

你可以看到一個工作示例here

來源

2014-11-04 13:31:53

NiceScroll - 離開原滾動條完整

回答

相關問題