1

やろうとしていることはただ一つ。ページの上部にあるものがビューポートの外に出た場合、#topnav の不透明度を 0.6 に変更したいと考えています。ここには、次のようないくつかのリンクが見つかりました。

https://stackoverflow.com/questions/10402232/jquery-animated-show-hide-of-menu-when-another-div-is-visible-invisible-in-the-v

自分を変えようとしたが、うまくいかないようだ。これが私がそれを機能させるために作ったものです。

        <script>

        $('#brand_logo').bind('inview', function(event, visible) {
            if (visible == true) {
                // element is now visible in the viewport
                console.log("visible");
                $("#topnav").css({
                    opacity: '1.0'
                });
                // $(".head-wrap-left").hide();
            } else {
                // element has gone out of viewport
                console.log("invisible");
                $("#topnav").css({
                    opacity: '0.6'
                });
                // $(".head-wrap-left").show();
            }
        }); 

        </script>​

手伝ってくれませんか？

下にスクロールしても、メニューが不透明になりません。コンソールにも記録されません。

4

1 に答える 1

0

inviewプラグインを含める必要があります。デフォルトではjQueryの一部ではありません。

https://github.com/protonet/jquery.inview

于 2012-07-07T01:53:00.253 に答える