使用原生js监听滚动条到达底部并加载一条内容

web网页判断滚动条是否到达底部

  • Document.onscroll
    • 具体代码
    • 完整html代码

Document.onscroll

首先要用document的onscroll方法监听滚动条的变化

document.onsroll = function () {
		/******/
}

具体代码

最重要的是要通过document的scrollHeight 和 document的scrollTop来实现

代码:

	if (_container.scrollTop == (_container.scrollHeight - 640)) {
			 var div=document.createElement('div');
			 div.innerHTML = "ssss";
			_container.appendChild(div)
		}

完整html代码

	
	
		
			
			
			
			 
		
		
		    
sssss

你可能感兴趣的:(web,日常)