ユーザーが特定のポイントを超えてスクロールしたときに「クリック」機能を無効にする

ADO

私はこれに本当に苦労しているので、誰かが助けてくれることを願っています!クラスを切り替えることでアイテムを白から黒に入れ替える次のコードがあります。

<script type="text/javascript"> 
$(document).ready(function(){
$('.cd-nav-trigger').click( function() {
$("#headerlogo").toggleClass("headerlogoblack");
} );
});
</script>

ただし、これが機能する必要があるのは、ユーザーが80ピクセルを超えてスクロールしていない場合のみです。スクロールすると、この機能は機能しなくなります。どうすればこれを達成できますか?StackOverflowの同様の例では、これを使用できません。

charlietfl

window使用のスクロール位置を確認するための条件を追加できますscrollTop()

$('.cd-nav-trigger').click(function() {
  if ($(window).scrollTop() < 81) {
    $("#headerlogo").toggleClass("headerlogoblack");
  }
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ユーザーが特定のdivを超えてスクロールしたときにcssを変更する

分類Dev

ユーザーがテキストボックスに5文字を超えて入力したときに機能を実行する

分類Dev

ユーザーがShieldUIでChartLegendをクリックしたときにチャートを表示/非表示にする機能を無効にする方法は?

分類Dev

Javascript-ユーザーが特定のポイントに達したときにユーザーのスクロールを一時停止します

分類Dev

ユーザーがIronpythonによって作成されたwinformをクリックしたときにOnClick()イベントを無効にする方法は?

分類Dev

ユーザーがクリックした特定のアイテムのListViewのクリックイベントを無効にする

分類Dev

ユーザーが配列内のdivを超えてスクロールしたときを追跡する

分類Dev

ユーザーが特定の要素にスクロールしたときにイベントをトリガーする-jQuery

分類Dev

JTextAreaが特定の行数を超えたときにスクロールバーを有効にする

分類Dev

ユーザーが角度4の特定のコンポーネントでブラウザの戻るボタンをクリックしたときにのみ機能を検出または実行するにはどうすればよいですか?

分類Dev

ボーナス機能付きであなたのプロフィールを閲覧したユーザーを確認する-ウェブサイトについてリツイートすると、ロックを解除できます

分類Dev

特定のポイントを超えてスクロールすると、

分類Dev

jquery別のイベントをクリックしたときにスクロールイベントを無効にする方法

分類Dev

無効な要素の状態:要素をクリックしてドロップダウンに日付を挿入しようとしたときにエラーをクリアするには、要素をユーザーが編集可能にする必要があります-Seleniumを使用して切り替えます

分類Dev

ユーザーが無効になっているhrefリンクをクリックしたときに、テキストフィールドに焦点を合わせるにはどうすればよいですか?

分類Dev

ユーザーがテキストボックスに入力しているときに他のコントロールを有効にし、削除した場合やテキストボックスが空の場合は無効にするにはどうすればよいですか?

分類Dev

ユーザーがクリックしたときにファイルをダウンロードする方法

分類Dev

ユーザーが手動で上下にスクロールしたときに現在のセクションカウンターをリセットする

分類Dev

ユーザーがボタンをクリックしたときにディレクティブの内容を表示する-ほぼ機能している

分類Dev

ユーザーがログインしているときに、Windows 7へのリモートデスクトップ接続で30秒の遅延を無効にするにはどうすればよいですか?

分類Dev

ユーザーがAmazonS3オブジェクトをダウンロードできるように、事前に署名されたURLリンクを生成しようとしていますが、無効なリクエストを取得しています

分類Dev

ユーザーがIonic4の特定のルートにアクセスしたときに、ユーザーをリダイレクトします

分類Dev

特定のポイントを超えてスクロールしてHTMLイベントをトリガーし、次にスクロールして戻ると再トリガーします

分類Dev

特定のボタンがクリックされたときに現在のページをブックマークとして保存し、そのページリンクをブックマークとしてユーザープロファイルに保存する方法はありますか?

分類Dev

ユーザーがセレンの「トップに戻る」ボタンをクリックしたときに、ユーザーがトップにスクロールされたことを検証する方法

分類Dev

ログインしたユーザーに応じて、特定のボタンがクリックされたときにアクセス拒否メッセージをポップアップ表示します

分類Dev

サイトにいくつかのコードを追加しました。正しく機能しますが、フッターを超えて無限にスクロールするようです

分類Dev

特定のdivを超えてスクロールしたときにメニューの色を変更する

分類Dev

特定のユーザーがログアウトしたときにスクリプトを実行する

Related 関連記事

  1. 1

    ユーザーが特定のdivを超えてスクロールしたときにcssを変更する

  2. 2

    ユーザーがテキストボックスに5文字を超えて入力したときに機能を実行する

  3. 3

    ユーザーがShieldUIでChartLegendをクリックしたときにチャートを表示/非表示にする機能を無効にする方法は?

  4. 4

    Javascript-ユーザーが特定のポイントに達したときにユーザーのスクロールを一時停止します

  5. 5

    ユーザーがIronpythonによって作成されたwinformをクリックしたときにOnClick()イベントを無効にする方法は?

  6. 6

    ユーザーがクリックした特定のアイテムのListViewのクリックイベントを無効にする

  7. 7

    ユーザーが配列内のdivを超えてスクロールしたときを追跡する

  8. 8

    ユーザーが特定の要素にスクロールしたときにイベントをトリガーする-jQuery

  9. 9

    JTextAreaが特定の行数を超えたときにスクロールバーを有効にする

  10. 10

    ユーザーが角度4の特定のコンポーネントでブラウザの戻るボタンをクリックしたときにのみ機能を検出または実行するにはどうすればよいですか?

  11. 11

    ボーナス機能付きであなたのプロフィールを閲覧したユーザーを確認する-ウェブサイトについてリツイートすると、ロックを解除できます

  12. 12

    特定のポイントを超えてスクロールすると、

  13. 13

    jquery別のイベントをクリックしたときにスクロールイベントを無効にする方法

  14. 14

    無効な要素の状態:要素をクリックしてドロップダウンに日付を挿入しようとしたときにエラーをクリアするには、要素をユーザーが編集可能にする必要があります-Seleniumを使用して切り替えます

  15. 15

    ユーザーが無効になっているhrefリンクをクリックしたときに、テキストフィールドに焦点を合わせるにはどうすればよいですか?

  16. 16

    ユーザーがテキストボックスに入力しているときに他のコントロールを有効にし、削除した場合やテキストボックスが空の場合は無効にするにはどうすればよいですか?

  17. 17

    ユーザーがクリックしたときにファイルをダウンロードする方法

  18. 18

    ユーザーが手動で上下にスクロールしたときに現在のセクションカウンターをリセットする

  19. 19

    ユーザーがボタンをクリックしたときにディレクティブの内容を表示する-ほぼ機能している

  20. 20

    ユーザーがログインしているときに、Windows 7へのリモートデスクトップ接続で30秒の遅延を無効にするにはどうすればよいですか?

  21. 21

    ユーザーがAmazonS3オブジェクトをダウンロードできるように、事前に署名されたURLリンクを生成しようとしていますが、無効なリクエストを取得しています

  22. 22

    ユーザーがIonic4の特定のルートにアクセスしたときに、ユーザーをリダイレクトします

  23. 23

    特定のポイントを超えてスクロールしてHTMLイベントをトリガーし、次にスクロールして戻ると再トリガーします

  24. 24

    特定のボタンがクリックされたときに現在のページをブックマークとして保存し、そのページリンクをブックマークとしてユーザープロファイルに保存する方法はありますか?

  25. 25

    ユーザーがセレンの「トップに戻る」ボタンをクリックしたときに、ユーザーがトップにスクロールされたことを検証する方法

  26. 26

    ログインしたユーザーに応じて、特定のボタンがクリックされたときにアクセス拒否メッセージをポップアップ表示します

  27. 27

    サイトにいくつかのコードを追加しました。正しく機能しますが、フッターを超えて無限にスクロールするようです

  28. 28

    特定のdivを超えてスクロールしたときにメニューの色を変更する

  29. 29

    特定のユーザーがログアウトしたときにスクリプトを実行する

ホットタグ

アーカイブ