0

小さい親divの子であり、最初のdiv内でスクロールされる順序付けされていないリストがあります。<li>最初のdivのウィンドウ内に現在表示されているものを選択するにはどうすればよいですか？

私が試したのは、親コンテナのjQueryオフセット座標とここから取得したelementFromPointを使用することです。

xcoo = $('#menuholder1').offset().left;
ycoo = $('#menuholder1').offset().top;
clickedID = document.elementFromPoint(xcoo, ycoo).id;

ただし、これは要素を1項目上に返します。だから私はycooに追加しようとしましたが、何も返されません。

誰かがこれに対する別の解決策を持っていますか？問題のページはhttp://do.right.byです。

4

1 に答える 1

0

このプラグインを使用して、表示されている要素を選択しました：http: //archive.plugins.jquery.com/project/viewport

疑似セレクターが追加される:in-viewportため、次のように選択できます。

$("li:in-viewport")

ウィンドウではなく親要素に適用するには、https ：//gist.github.com/2979829で変更されたソースコードを入手してください。

このように見えるIIFEの場合

(function($, window) {
    //bunch of code...
})(jQuery, "#menuholder1");

＃menuholder1は、親要素を選択するクエリです。

于 2012-06-23T19:03:25.033 に答える