JQuery/網頁Scrollbar樣式

jquery scrollbar

kusabi 2013-12-06 16:21:58 ‧ 5750 瀏覽

想請問:

在網頁中加入了以下的scrollbar樣式
http://manos.malihu.gr/jquery-custom-content-scroller/

但一直無法成功，會變成下面頁面的狀況
*畫面scrollbar無法滾動
*原本圖樣可以跳lightbox的設定也失效
*左邊slide menu在加入scrollbar樣式後感覺動作也比較卡卡的，不像原本很順)
http://phoebe.byethost33.com/#

感謝~

網頁原檔案
https://dl.dropboxusercontent.com/u/61176848/demo.rar

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

fillano

iT邦超人 1 級 ‧ 2013-12-06 18:52:43

最佳解答

把：

&lt;pre class="c" name="code">
$('html').mCustomScrollbar();

改成：

&lt;pre class="c" name="code">
$(document).mCustomScrollbar();

就好了。

回應 5
分享
檢舉

看更多先前的回應...收起先前的回應...

kusabi iT邦新手 5 級 ‧ 2013-12-06 23:07:33 檢舉

感謝回覆~
但改成document之後jquery的scrollbar樣式就完全沒有作用了
http://phoebe.byethost33.com/#

原本用html時，在其它頁面時可以正常顯示scrollbar樣式和滾動，但頁面中其它lightbox的jquery一樣會失效無作用:
https://dl.dropboxusercontent.com/u/61176848/artifact02.html

fillano iT邦超人 1 級 ‧ 2013-12-06 23:13:43 檢舉

我看錯了，應該是：

&lt;pre class="c" name="code">
            $('#right').mCustomScrollbar();

fillano iT邦超人 1 級 ‧ 2013-12-06 23:16:03 檢舉

我猜你是要讓右邊這個div可以這樣scroll。

如果要讓整個網頁套用，那用：

&lt;pre class="c" name="code">
            $('body').mCustomScrollbar();

body是可視元素的root了，他的offsetParent是null。

fillano iT邦超人 1 級 ‧ 2013-12-06 23:27:21 檢舉

嗯，看來還需要加上：

&lt;pre class="c" name="code">
    $.get(_clickTab, function(data) {
        $("#right").html(data);	
        $('#right').mCustomScrollbar();
    });

fillano iT邦超人 1 級 ‧ 2013-12-06 23:51:24 檢舉

另外，透過$.get把頁面載入到某個div等，這些頁面最好調整一下，只留下body之內的元素就好（不含body）。有些lightbox透過這種方式載入時，如果有html、body等，會影響他判斷正確的寬、高。

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙