- 【JavaScript】ｽｸﾘﾌﾟﾄ ﾊﾞﾄﾙﾛﾜｲﾔﾙ49【php,py,pl,rb】 [転載禁止]©2ch.net
478 ：デフォルトの名無しさん[sage]：2015/05/15(金) 14:25:21.86 ID:R8v75Gbn - JavaScriptについて質問します。
Webページのスクロールバーを固定するスクリプトをこのページ(http://allabout.co.jp/gm/gc/446230/)を参考にして作ったのですが、
「本文のところが隠れて見えない場合がある」と指摘されたので、
ボタンを押せばスクロールバーの固定を解除できるようにしたいと考えています。
しかし、ネットで調べたのですが、「押して実行する」ならいくつもあるのですが、
押して停止や無効化させるというのは見つかりませんでした。
どなたかボタンひとつで有効無効を切り替えるスイッチを配置する方法を教えていただけないでしょうか？
よろしくお願いします。
下記が使用しているスクリプトと実行箇所の内容です。
|
- 【JavaScript】ｽｸﾘﾌﾟﾄ ﾊﾞﾄﾙﾛﾜｲﾔﾙ49【php,py,pl,rb】 [転載禁止]©2ch.net
479 ：デフォルトの名無しさん[sage]：2015/05/15(金) 14:26:46.12 ID:R8v75Gbn - <script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
// ページの読み込みが完了してから実行
$(function() {
// 途中から固定したいボックスの情報を得る
var navBox = $("#fixedNavi");
var navOst = navBox.offset().top;
// スクロールされた際に実行
$(window).scroll( function() {
// 現在のスクロール位置と、固定したいボックスの位置を比較
if( $(window).scrollTop() > navOst ) {
// 固定用のclassを付加
navBox.addClass("fixBox");
}
else {
// 固定用のclassを削除
navBox.removeClass("fixBox");
}
});
});
</script>
<div id="fixedNavi">
〜サイドメニュー〜
</div>
|
- + JavaScript の質問用スレッド vol.118 + [転載禁止]©2ch.net
54 ：デフォルトの名無しさん[sage]：2015/05/15(金) 15:15:46.81 ID:R8v75Gbn - JavaScriptについて質問します。
Webページのスクロールバーを固定するスクリプトをこのページ(http://allabout.co.jp/gm/gc/446230/)を参考にして作ったのですが、
「本文のところが隠れて見えない場合がある」と指摘されたので、
ボタンを押せばスクロールバーの固定を解除できるようにしたいと考えています。
しかし、ネットで調べたのですが、「押して実行する」ならいくつもあるのですが、
押して停止や無効化させるというのは見つかりませんでした。
どなたかボタンひとつで有効無効を切り替えるスイッチを配置する方法を教えていただけないでしょうか？
よろしくお願いします。
下記が使用しているスクリプトと実行箇所の内容です。
|
- + JavaScript の質問用スレッド vol.118 + [転載禁止]©2ch.net
55 ：デフォルトの名無しさん[sage]：2015/05/15(金) 15:16:34.83 ID:R8v75Gbn - <script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
// ページの読み込みが完了してから実行
$(function() {
// 途中から固定したいボックスの情報を得る
var navBox = $("#fixedNavi");
var navOst = navBox.offset().top;
// スクロールされた際に実行
$(window).scroll( function() {
// 現在のスクロール位置と、固定したいボックスの位置を比較
if( $(window).scrollTop() > navOst ) {
// 固定用のclassを付加
navBox.addClass("fixBox");
}
else {
// 固定用のclassを削除
navBox.removeClass("fixBox");
}
});
});
</script>
<div id="fixedNavi">
〜サイドメニュー〜
</div>
|
- 【JavaScript】ｽｸﾘﾌﾟﾄ ﾊﾞﾄﾙﾛﾜｲﾔﾙ49【php,py,pl,rb】 [転載禁止]©2ch.net
481 ：デフォルトの名無しさん[sage]：2015/05/15(金) 15:19:21.70 ID:R8v75Gbn - >>480
そうですね。
ありがとうございます。
そちらで質問してみたいと思います。
|