こんにちは、
画面スクロールに対して要素が後追いする、いわゆるエレベーターメニューにおいて、その要素がウィンドウ高よりも大きいと、ひたすらに画面下部を掘り進んでしまいます・・といってもわからないと思うので、お手数ですが、下記URLをご参照頂けますでしょうか。
http://www.geocities.jp/fumiefumifumi/menu.html
ウィンドウ高を縮めた後、ページ下部までスクロールすると、わかって頂けると思います。cssにてメニュー(#navBox)にposition:absoluteをかけ、以下のスクリプトで動かしています。わからないなりにいろいろいじくってみたのですが、不具合を解決することができませんでした。
var name = "#navBox";
var menuYloc = null;
$(function(){
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
$(window).scroll(function () {
offset = menuYloc+$(document).scrollTop()+"px";
$(name).animate({top:offset},{duration:700,queue:false});
});
右側メインのボックス下部とメニューボックスの下部が揃う状態、もしくはposition:fixedと同じ状態になるのが理想です。
不具合を解消する方法をご存じの方、いらっしゃいましたら、どうかよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクセルVBAでフォームのListbo...
-
リストビューをスクロールさせ...
-
Excelでワードアートや図を常に...
-
PDFを(htmlのように)無限に縦...
-
Excelの質問で票の途中に...
-
Excelで一部分だけを常に表示さ...
-
Excelで1.2行目だけ固定して...
-
ExcelVBAで他のアプリをスクロ...
-
ページ訪問時にiframe内を自動...
-
webページで横方向にアンカーを...
-
JTableとJScrollPaneについて
-
複数の画像を横にスクロールさ...
-
リストボックスをクリックした...
-
webデザインです。 プログラミ...
-
Visual Basicから Spreadのスク...
-
VBE画面の縦のスクロールバ...
-
ページ読み込み時に自動でスク...
-
vb,netでtextboxの文字を右から...
-
jQueryで指定した要素を自動横...
-
写真を右から左にスクロールさ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで1.2行目だけ固定して...
-
Excelの質問で票の途中に...
-
Excelで一部分だけを常に表示さ...
-
大きい表へのスクロールバーの...
-
ページ訪問時にiframe内を自動...
-
Visual Basicから Spreadのスク...
-
vb,netでtextboxの文字を右から...
-
webページで横方向にアンカーを...
-
リストビューの表示開始行変更
-
スクロール位置を中央にしたい
-
マウスオーバー→ホイール回転で...
-
VBE画面の縦のスクロールバ...
-
IFRAMEでscrolling="yes|no"の...
-
マウスでコロコロしたいんですが…
-
文章の自動スクロール
-
アコーディオンで開かれたパネ...
おすすめ情報