多個jQuery niceScroll插件

我有jQuery niceScroll設置，它的工作正常，但我想在同一頁上有不同的主題滾動條。我有以下代碼：多個jQuery niceScroll插件

<script> 
    $(document).ready(function() { 
    $("body").niceScroll({cursorcolor:"#267ec8", cursorwidth:"10px"}); 
    $("#test").niceScroll({cursorcolor:"#ffffff", cursorwidth:"5px"}); 
    }); 
</script>

鏈接：http://areaaperta.com/nicescroll/

的身體我希望有一個藍色的滾動條和DIV我有我想要的滾動條是白色的和更薄。然而，上面的代碼在身體上的代碼正在工作，但不是在div上的代碼？

是否有可能在同一頁上有多個？任何幫助都會很棒，我被卡住了，看不出上面有什麼問題。

由於

來源

2015-09-26 John

嗯，當我閱讀文檔的權利，然後將其應用於身體元素意味着使用它在所有滾動條的主風格。你是否用2個不同的div來代替使用div和body？ – radscheit

http://areaaperta.com/nicescroll/demo.html Demo對父母和孩子有不同的顏色 - 所以，我會說這是可能的...也許看看那個來源。 – sheriffderek

是可能的，[這裏]（http://jsfiddle.net/p6m97gwb/3/）有一個工作的例子。你會看到它正在處理'body'和'＃test'元素。在你正在編寫的代碼中做一個小提琴。 –

從documentation：

DIV與「包裝」，由兩個div形成時，第一個是vieport，後者是內容：

$(document).ready(

    function() { 

     $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"}); 

    } 

);

在你的小提琴爲例，你在呼喚niceScroll該W AY：

$(".filterContainer").niceScroll({ 
    cursorcolor: "#ffffff", 
    cursorwidth: "5px" 
});

在HTML代碼中.filterContainer（內容）是由#sidebar-wrapper（視口）元件包裹。

所以你必須修改如何調用niceScroll。因此，按照文檔所述：

$("#sidebar-wrapper").niceScroll(".filterContainer",{ 
    cursorcolor: "#ffffff", 
    cursorwidth: "5px" 
});

Here一個工作示例。

來源

2015-09-28 11:00:10

謝謝！ :-) – John

多個jQuery niceScroll插件

回答

相關問題