0

次のようなレイアウトで jQuery.ScrollTo を使用する 1 ページの Web サイトがあります。

<ul>
<li><a href="#section1" id="item01">Menu Item 1</a></li>
<li><a href="#section2" id="item02">Menu Item 2</a></li>
<li><a href="#section3" id="item03">Menu Item 3</a></li>
<li><a href="#section4" id="item04">Menu Item 4</a></li>
</ul>

<div id="section1">
...content...
</div>
<div id="section2">
...content...
</div>
<div id="section3">
...content...
</div>
<div id="section4">
...content...
</div>

私が到達したい動作は、メニューのリンクをクリックせずに特定の div にスクロールすると、その div に関連するアンカーのクラスが変更されることです。

これは jQuery.scrollTo スクリプトを使用して可能ですか?

4

1 に答える 1

1

scrollToにそれが組み込まれているとは思いませんが、 Waypointsという別のプラグインがその機能を提供します。

最終的には次のようになります。

$('.thing').waypoint(function(direction) {
  alert('Top of thing hit top of viewport.');
});
于 2013-01-24T16:29:05.680 に答える