onscroll事件

window.onscroll事件

<script>window.onscroll = function () {var scrollTop = $(this).scrollTop();//console.log("scrollTop = " + scrollTop);var scrollHeight = $(document).height();//console.log("scrollHeight = "+ scrollHeight);var windowHeight = $(this).height();//console.log("windowHeight = "+ windowHeight);//加载更多的视频if (scrollTop + windowHeight == (scrollHeight)) {console.log(scrollTop,windowHeight,scrollHeight);//console.log(scrollHeight);var nextpage = Number($("#ul_showlist").attr("data-pagenum")) + 1;//下一页var pagecount = Number($("#ul_showlist").attr("data-pagecount"));//总页数，开始载入的时候修改if (nextpage <= pagecount) {getNextPage(nextpage);}else {}}}function getNextPage(nextpage) {//根据nextpage访问服务端返回数据data或者是否最后一页var data;setData(data);//成功后修改下一页$("#ul_showlist").attr("data-pagenum", nextpage);}function setData(data) {//data是数据源var str = "";for (var i=0; i < 2; i++) {str += "<li>";str +="<a href='showdetail.html'>";//详细页str += "<div class=\"left\">";str += "<img src=\"${contextPath}/images/showlist2.jpg\"/>";str += "</div>";str += "<div class=\"right\">";str += "<h4>孤芳自赏"+i+"</h4>";str += "<p>宝玉说过：“女人是水做的贾宝玉有句名言:女人是水做的,见了便觉清爽,男人是泥做的,见了便觉浑浊。 年轻时..</p>";str += "<div class=\"support\">";str += "<span class=\"icon love\"></span><span>99</span>";str += "<span class=\"icon comment\"></span><span>10</span>";str += "</div>";str += "</div>";str +="</a>";str += "<em></em>";str += "</li>";}$("#ul_showlist").append(str);}
</script>

window.onscroll事件监听不滑动的问题：
获取windowheigh时获取高度错误，修改为 var windowHeight = window.innerHeight;问题解决了

onscroll事件相关推荐

JS 动态添加 onload、onresize、onscroll 事件
window 的 onload.onresize.onscroll 事件,跟其他的事件不一样,它不能用 attachEvent 或 addEventListener 来添加. 也就是说,它只能这样来( ...
onscroll事件与onscrollTop
onscroll事件以及onscrollTop的使用因为很久没有用原生js了所以导致很多东西都生疏了,今天一个案例用到了onscroll感觉很实用但是好像之前没怎么了解过(也可能是我忘干净了-.-) ...
js onscroll android,JavaScript触发onScroll事件的函数节流详解
问题描述常见的网站布局,顶部一个导航栏,我们假设本页面共有四个栏目:分别为A.B.C.D,我们点击A,锚点跳转至A栏目,同时顶部的A按钮高亮:点击B,锚点跳转至B栏目,同时顶部的B按钮高亮:我们在M ...
onscroll 事件和onScrollCapture事件
1. onscroll 事件在元素滚动条在滚动时触发. HTML 中: <element onscroll="myScript"> JavaScript 中: obje ...
js的window.onscroll事件
js的window.onscroll事件 js代码: window.onscroll = function(e){var e =e || window.event;var scrolltop=docu ...
onscroll 事件
<div> 元素滚动时执行 JavaScript <div onscroll="myFunction()"> 定义和用法 onscroll 事件在元素滚动条 ...
JS小练习——判断滚动条是否到底部（onscroll事件）
实现功能要求:当我们下拉这个滚动条时,判断它是否到达最底部,如果到达最底部,则两个表单项可以点击,如果没有到达,则不可以点击.并且要勾选第一个按钮之后,才可以提交. disabled 属性可设置或返回 ...
window.onscroll 事件不触发问题
要求:滚动鼠标时,触发滚动事件: 问题:滚动时,没有触发事件: html,body{overflow-x: hidden;font-size: 16px;color: #666;margin: 0 a ...
onscroll事件没有响应的原因以及vue.js中添加onscroll事件监听的方法(vue上监听scroll事件
在vue.js中直接使用onscroll不起作用利用DOM二级监听事件即可, window.addEventListener('scroll',()=>{console.log(window. ...

onscroll事件

onscroll事件相关推荐

最新文章

热门文章