質問: jqueryのscroolfollowで高さを制御 はじめまして。webデザインをやっているeriponです。javascriptについてご質問させてください。 現在こちらのサイトを参考に、jqueryのjquery.scrollfollow.jsを使ってスクロールを追うメニューを作っています。http://html-coding.co.jp/knowhow/tips/000021/ 動きは問題なく再現出来たのですが、私が作ったメニューの縦幅が高く、browser sizeが小さい場合、下の方のボタンが押せなくなってしまいます(^^;) そこで、browersizeがこのメニューより狭い場合はメニューを追わないという方法がないかと思ったのですが、調べても見つからず困っております。どなたかお知恵を貸してはいただけませんか?宜しくお願い致します。
回答: scrollfollow.jsは機能の停止再開の機能を持ってるみたいです。 http://kitchen.net-perspective.com/open-source/scroll-follow/ の4.のサンプル そこで、#menuの中に 追随 を作っておき、 $( document ).ready( function (){ $( '#example2' ).scrollfollow({ speed: 1000, offset: 60, killswitch: 'startstop', ontext: '追随中止', offtext: '追随再開' }); sizecheck(); $(window).resize(sizecheck); function sizecheck(){ if($(window).height() < $("#menu").height()) $("#startstop").click(); } }); とする。