Question

当手动向上滚动或向下滚动DIV图层的滚动条时，是否可以编写JavaScript来执行操作？

如果是这样，请给我一个提示，以实现一个简单的警告框，说你向上滚动，然后向下滚动。

Answer 1

您可以简单地使用java脚本的onscroll事件。

OnScroll活动参考：http://www.w3schools.com/jquery/event_scroll.asp

以下是示例

<head>
    <script type="text/javascript">
        function OnScrollDiv (div) {
            var info = document.getElementById ("info");
            info.innerHTML = "Horizontal: " + div.scrollLeft
                            + "px<br/>Vertical: " + div.scrollTop + "px";
        }
    </script>
</head>
<body>
    <div style="width:200px;height:200px; overflow:auto;" onscroll="OnScrollDiv (this)">
        Please scroll this field!
        <div style="height:300px; width:2000px; background-color:#a08080;"></div>
        Please scroll this field!
        <div style="height:300px; width:2000px; background-color:#a08080;"></div>
        Please scroll this field!
    </div>
    <br /><br />
    Current scroll amounts:
    <div id="info"></div>
</body>

此处的工作副本：http://jsbin.com/iledat/2/edit

Answer 2

尝试jquery scroll event。

$('div').scroll(function(){alert('scrolled!')})

向上滚动或向下滚动的JavaScript事件

2 个答案: