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

标签 javascript scroll

是否可以编写JavaScript来实现手动向上或向下滚动DIV层的滚动条时的 Action ?

如果是这样,请给我一个提示来实现一个简单的提示框,例如提示您向上滚动和向下滚动。

最佳答案

您可以简单地使用 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

关于向上滚动或向下滚动时的 JavaScript 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8445945/

相关文章:

ios - 如何将 UIWebView 垂直滚动事件传递给父 View ?

html - 在隐藏的溢出 div 内滚动 div

iphone - tableView 滚动时 UITableView 委托(delegate)操作?

javascript - 使用 AJAX 调用 php 函数一直失败

javascript - 问题 - casperjs 中两个表单具有相同的 CSS 类名

javascript - React 私有(private)路由不渲染登录组件

javascript - Jquery on click 函数在页面加载时调用

Javascript 菜单从底部跳到顶部而不是滚动

android - 两个方向的 ScrollView

javascript - 单击页面中的其他位置时将搜索恢复到其原始宽度?