将鼠标悬停在不透明菜单上

Question

这是我喜欢的菜单。

        <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.0不透明度。我该如何解决这个问题？

Answer 1

你试过绑定inview和mouseenter吗？ 像这样：

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

您不需要使用.find如果在查看端口刷新或加载时，应触发您的inview事件。