微客导航 » 文章资讯 » 实现div内部滚动条滚动到底部和顶部的代码

实现div内部滚动条滚动到底部和顶部的代码

2023-09-21 01:38:05 195

实例如下所示：




	
	
		.scrolldiv{
			width:500px;
			height:400px;
			margin:10pxauto;
			background:#f00;
			overflow-y:scroll;
			padding:10px;
		}

vardivscroll=document.getElementById('testDiv'); functiondivScroll(){ varscrollTop=divscroll.scrollTop;//页面上卷的高度 varwholeHeight=divscroll.scrollHeight;//页面底部到顶部的距离 vardivHeight=divscroll.clientHeight;//页面可视区域的高度 if(scrollTop+divHeight>=wholeHeight){ alert('我到底部了'); } if(scrollTop==0){ alert('我到顶部了')； } } divscroll.onscroll=divScroll;

以上这篇实现div内部滚动条滚动到底部和顶部的代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

实现div内部滚动条滚动到底部和顶部的代码

热门推荐

随机推荐