0

私はウェブサイトhttp://www.mitchellfinlay.co.uk/newlake/magazines.htmlを持っています

カーテン効果を利用し、各li要素はスクロール時に表示されるか、上部のリンクをクリックすると自動的に表示されます...テンポス...トークビジネスなど.

私がしたいのは、ユーザーがリンクが固定されているカーテンまでスクロールしたときに、リンクのクラスを「現在」に設定することです。

これは、ユーザーがスクロールしているとき、またはそのページで自動スクロールが停止したときに発生する必要があります。

これは達成可能ですか？

4

2 に答える 2

0

コメントに関する2番目の質問：

この変数を使用してアンカーを削除し、残されたものを確認できます。

例：

$('#headerlinks a').click(function(){
   var anchor = document.location.hash;
   if ( anchor === '#myContent1' ) { //this can be href from ur a.
     $('.allContents').hide();
     $('#myContent1').show();
   }
});
于 2012-07-09T15:27:29.757 に答える
0

これは、ヘッダー内のリンクを反復処理し、currentそれぞれからクラスを削除して、クリックされたリンクに追加する必要があります。

$(document).on('click', '#headerLinks a', function() {
    $("#headerlinks a").removeClass("current");
    $(this).addClass("current");
});

スクロールに関しては、 と を使用element.posistion()しwindow.scrollTop()て、画面の一番上にある要素を把握できます。このフィドルでデモを作成しました。ニーズに合わせて調整する必要がありますが、基本的な概念を示しています。

于 2012-07-09T15:16:23.600 に答える