facebook twitter hatena line email

Javascript/jqueryライブラリ/contained-sticky-scroll.js

提供: 初心者エンジニアの簡易メモ
移動: 案内検索

contained-sticky-scroll.jsとは

固定サイドメニューjsライブラリ

ダウンロード

http://blog.echoenduring.com/wp-content/plugins/download-monitor/download.php?id=20

公式ページ

http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery-plugin/

jqueryプラグイン追加

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="/contained-sticky-scroll/jquery-contained-sticky-scroll-min.js?20140922"></script>

jqeuryプラグインロード

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery('#sidemenu').containedStickyScroll({
    duration:0
  }); 
});
</script>

メニューにタグ追加

<div id="sidemenu">
広告
</div>

注意

aタグのリンクがクリックできなくなった。・・・なんでだろう?

結局使えなかったので代用ライブラリを使いました

http://hm-solution.jp/web/post3105.html