14

私はこのようないくつかのセクションを持つドキュメントを持っています：

<div class='section' id='sec1'>
    lalala
    lalala
    lalala
</div>

<div class='section' id='sec2'>
    lalala
    lalala
    lalala
</div>

<div class='section' id='sec3'>
    lalala
    lalala
    lalala
</div>

<div class='section' id='sec4'>
    lalala
    lalala
    lalala
</div>

現在のスクロール位置に最も近い位置を取得するにはどうすればよいですか<div.section>（おそらく、これは読者が現在見ているセクションに相当します）？

4

2 に答える 2

22

とを使用$(window).scrollTop()し$(el).postion().topて、スクロール後に要素が画面の上部からどれだけ離れているかを把握できます。

この情報を使用して、必要に応じて要素を操作できます。

jsfiddle の実際の例を次に示します: http://jsfiddle.net/gizmovation/x8FDU/

于 2012-05-25T20:01:31.563 に答える
-5

要素にカーソルを合わせると、mousemoveどの要素にカーソルを合わせているかがイベントによって通知されます。

$(document).bind('mousemove', function(e) {
    e.target
    /*
        the target in click/hover events
        is the element that the event was
        triggered on.
    */
});

欠点の 1 つはe.target、最も高い要素 (最上位レイヤーの要素) が表示されるという事実です。z-indexそのため、テキストの上にオーバーレイがある場合、テキストではなくオーバーレイが表示されますdiv。

于 2012-05-25T19:55:11.200 に答える