最近製作網站上,越看捲軸越不順眼。

看到了FB的前台顯示功能,滑進區塊中有捲軸的才會顯示,移出就又消失了。

 

於是,就開始尋找套件,對!就是套件(因為不會自己寫咩)

開始搜尋 FB 捲軸 js  於是就出現了

http://jscrollpane.kelvinluck.com/ 

jscrollpane 這是一個捲軸的js套件,也挺好用的,第一次試著套用上,結果跑在本機上,順暢的狠,

但是架上了伺服器上,悲劇就產生了,累格到不行。於是,先行放棄使用這個。

再把原本要使用的區塊,也更換了顯示模式。

 

再製作第二個網站時,想著不行我一定要找出方式。

於是乎,又開始拜了google大神,快幫我找找。

最終,皇天不負苦心人找到了這篇救世主

http://www.qianxingzhem.com/post-1602.html

套用上了之後,發現真是無敵好用的啦!!!感謝救世主。

 

但是,劇情都不會這樣結束。

 

就在套用正開心時,困難又出現了。

情境是這樣的,當我有各下拉選項,一開啟網頁是隱藏的,下拉區塊要固定高度產生捲軸方式。

這時候這麼套用都不對,於是找了  文章中的關鍵字"visible",發現了,

原來作者都幫我們考慮好了,只要加上就OK囉!

 

Jquery1-1

 

最後,這個的原始碼就變成了,這一切就通通搞定了!真是感謝神。

 

(function($){
 $(window).load(function(){
   $("#content1").mCustomScrollbar({
     autoHideScrollbar:true,
     theme:"dark-thick"
   });

  $("#directorylist").mCustomScrollbar({
     autoHideScrollbar:true,
     theme:"dark-thick",
     advanced:{
      updateOnContentResize: true
     }
   });
 });
})(jQuery);

 

 

 

arrow
arrow
    全站熱搜

    chlntng129 發表在 痞客邦 留言(0) 人氣()