1

これが私のおしゃれなメニューです。

        <script type="text/javascript">

        $('#brand_logo').bind('inview', function(event, visible) {
            if (visible == true) {
                // console.log("visible");
                $("#topnav").animate({
                    opacity: 1.0
                });
                // $(".head-wrap-left").hide();
            } else {
                // console.log("invisible");

                $("#topnav").animate({
                    opacity: 0.6
                });
                // $(".head-wrap-left").show();
            }
        }); 

        </script>​

問題は1つだけです。ユーザーがページをリロードし、要素がビューポートにない場合、デフォルトで不透明度は1.0になります。どうすればこれを修正できますか？

4

1 に答える 1

0

inviewとmouseenterをバインドしようとしましたか？このような：

 $('#brand_logo').bind('inview mouseenter', function(event, visible) {..}

.findを使用する必要はありません。更新またはロード時にビューポートにある場合は、inviewイベントをトリガーする必要があります。

于 2012-07-07T03:03:37.300 に答える