javascript - 我有一个 jQuery 代码，其中不透明度随着光标下降而上升。我该如何扭转它？

Question

    $(function() {
        var $win = $(window),
            h = 0,
            opacity = 0,
            getWidth = function() {
                h = $win.height();
            };
    
        $win.mousemove(function(e) {
            getWidth();
            opacity = (e.pageY / h);
            console.log(opacity);
            $('#myElement').css('opacity', opacity);
        });
    });

     #myElement {
         height: 100px;
         width: 100px;
         background-color: blue;
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myElement"></div>

http://jsfiddle.net/WV8jX/791/

当鼠标向下移动时，元素显示。我想做同样的事情，除了我希望元素在您向下滚动时消失，而不是出现。有什么想法吗？

Answer 1

由于 opacity 是一个可以取 0 到 1 之间任意值的属性，您可以通过简单地更改以下行来反转该行为:

opacity = (e.pageY/h);

类似于:

opacity = 1 - (e.pageY/h);

您可以查看工作示例 here