2

私はjQueryに不慣れで、jQueryの概念を学んでいます。現在、長いリストアイテムを含むカスタムドロップダウンメニューを設計しようとしています。メインメニューにマウスを合わせながらメニューをスクロールしたかったのです。ここで説明するjqueryスクロールメニューを使用してCSSを新しいルックアンドフィールでカスタマイズしようとしています。

スクリプトを試しましたが、いくつかの問題が見つかりました。こちらのjsfiddleで確認できます。最初のリストアイテムに最初にマウスオーバーしている間、ドロップダウンリストアイテムはまったく表示されません（最初のページの読み込み時）。次に、2番目のレベルのULアイテムの幅が非表示になります。

誰かがフィドルをチェックして修正してもらえますか？また、私が間違っていた場所を教えてください。将来、自分自身を正すように努めます。

前もって感謝します。:)

4

1 に答える 1

1

これをチェックしてください多分役に立ちます

ul.dropdown li:last-child a
{
  border-right: none;
} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover
{
  background: #F3D673;
  color: black;
  position: relative;
  z-index:1;
}
ul.dropdown li a:hover{background: #F3D673;}

JQuery：

.mousemove(function(e) {
                var offset = $container.offset();
                var relativeY = ((e.pageY - offset.top) * multiplier) -   ($container.data("origHeight") * multiplier)+50;
                if (relativeY > $container.data("origHeight")) {
                    $list.css("top", -relativeY);
                    $list.css("zIndex", "-1"); //add this line 
                };
            });

デモ

于 2012-10-17T11:49:56.897 に答える