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

Question

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

Mad*_*er. 2 javascript scroll

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

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

Answer 1

Sre*_*r P 8

您可以简单地使用onscrolljava脚本的事件.

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>

Run Code Online (Sandbox Code Playgroud)

工作副本:http://jsbin.com/iledat/2/edit

归档时间：	13 年，12 月前
查看次数：	17283 次
最近记录：	8 年，9 月前