はじめまして。Webデザインをやっているeriponです。javascriptについてご質問させてください。
現在こちらのサイトを参考に、jQueryのjquery.scrollfollow.jsを使ってスクロールを追うメニューを作っています。http://html-coding.co.jp/knowhow/tips/000021/
動きは問題なく再現出来たのですが、私が作ったメニューの縦幅が高く、Browser sizeが小さい場合、下の方のボタンが押せなくなってしまいます(^^;) そこで、Browersizeがこのメニューより狭い場合はメニューを追わないという方法がないかと思ったのですが、調べても見つからず困っております。どなたかお知恵を貸してはいただけませんか?宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
//jquery.scrollfollow.js 95行目あたり
if ($(window).height() > box.height() + 100) {
box.animate(
{
top: aniTop
}, options.speed, options.easing
);
}
animateメソッドを条件下に置いてやればよさそうです。
条件式は適時調節。
ご回答ありがとうございます!
こちら試してみたところ、まさに私のやりたい動作になってくれました!
大変助かりました。有難うございました!
No.1
- 回答日時:
scrollfollow.jsは機能の停止再開の機能を持ってるみたいです。
http://kitchen.net-perspective.com/open-source/s …
の4.のサンプル
そこで、#Menuの中に
<a id="startstop">追随</a>
を作っておき、
$( 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();
}
});
とする。
さっそくご回答ありがとうございます!
既にデザイン段階でOKを頂いているので、
追加でスイッチを入れるのは考えていなかったのですが、提案の一つにしてみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- JavaScript 階層別の組織図の自動作成について 1 2022/10/26 13:42
- ダイエット・食事制限 ローファットダイエットについてアドバイスをください。 現在、体脂肪率が28で肥満1型になった旦那のダ 1 2022/09/03 09:06
- JavaScript jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている 3 2023/07/03 18:29
- デスクトップパソコン PCでファイルを右ドラッグして出てくるメニューの編集方法を教えて下さい 2 2023/01/17 13:31
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- 筋トレ・加圧トレーニング 高校生女子です。 私は一年ほど前から自宅で腹筋トレーニングをしているんですが、なかなかメニューを安定 2 2022/10/06 14:22
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryで書き換えた要素のリセット
-
jQueryでclientWidthが使えない
-
マイページはどこを開くの
-
ウインドウを毎回同じ位置、大...
-
エクセルのシート上に別のシー...
-
デジタル時計の時刻合わせの方...
-
Javascript_submit()完了後に処...
-
Excelで1.2行目だけ固定して...
-
エクセルVBAでフォームのListbo...
-
一定時間おきにアラームやポッ...
-
デスクトップ画面を4分割するには
-
PDFを(htmlのように)無限に縦...
-
Excelの質問で票の途中に...
-
スクリプトって、何ですか?ど...
-
「Cancel = True」とはどういう...
-
ポップアップウィンドウがブロ...
-
Excelでワードアートや図を常に...
-
VBA ポップアップが表示された...
-
ブラウザ Chromeを使っていて、...
-
[Java] Edgeでのアドレスバー非...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1ページ内に複数のjqueryのスラ...
-
jQueryでclientWidthが使えない
-
クリックすると画像が飛び出て...
-
マウスオーバーでゆっくり出る...
-
jQueryで書き換えた要素のリセット
-
jquery UIのdatepickerで和暦
-
「jscrollPane」でテキストを認...
-
jquery画像ビューアー(IE6対応)
-
1ページ内に 複数のタブボッ...
-
prototype.jsとjquery.jsの併用...
-
クリックで卵がパカっと割れる...
-
IE8のJavascriptアコーディオン...
-
GUIについて
-
ゆっくりと出るプルダウンを作...
-
jquery スライドしながらフェード
-
背景画像のスライドショー
-
マイページはどこを開くの
-
デジタル時計の時刻合わせの方...
-
ウインドウを毎回同じ位置、大...
-
エクセルのシート上に別のシー...
おすすめ情報