最近製作網站上,越看捲軸越不順眼。
看到了FB的前台顯示功能,滑進區塊中有捲軸的才會顯示,移出就又消失了。
於是,就開始尋找套件,對!就是套件(因為不會自己寫咩)
開始搜尋 FB 捲軸 js 於是就出現了
http://jscrollpane.kelvinluck.com/
jscrollpane 這是一個捲軸的js套件,也挺好用的,第一次試著套用上,結果跑在本機上,順暢的狠,
但是架上了伺服器上,悲劇就產生了,累格到不行。於是,先行放棄使用這個。
再把原本要使用的區塊,也更換了顯示模式。
再製作第二個網站時,想著不行我一定要找出方式。
於是乎,又開始拜了google大神,快幫我找找。
最終,皇天不負苦心人找到了這篇救世主
http://www.qianxingzhem.com/post-1602.html
套用上了之後,發現真是無敵好用的啦!!!感謝救世主。
但是,劇情都不會這樣結束。
就在套用正開心時,困難又出現了。
情境是這樣的,當我有各下拉選項,一開啟網頁是隱藏的,下拉區塊要固定高度產生捲軸方式。
這時候這麼套用都不對,於是找了 文章中的關鍵字"visible",發現了,
原來作者都幫我們考慮好了,只要加上就OK囉!
最後,這個的原始碼就變成了,這一切就通通搞定了!真是感謝神。
(function($){
$(window).load(function(){
$("#content1").mCustomScrollbar({
autoHideScrollbar:true,
theme:"dark-thick"
});
$("#directorylist").mCustomScrollbar({
autoHideScrollbar:true,
theme:"dark-thick",
advanced:{
updateOnContentResize: true
}
});
});
})(jQuery);
留言列表