你好,我先需要明确一下你是要问jQuery中scrollTop获取滚动条距顶端的距离,还是要使用scrollTop来设置滚动条距顶端的距离,或者说需要二者兼备。
1、如果是获取,原生js实现很容易:
1
2
3
var div = documentgetElementById('wgt-ask'),
scrollTop = divscrollTop;
consolelog(scrollTop); // 100
前提是div已经具备滚动条,不然使用为0
2、如果是设置,原生js也很简单:
1
2
var div = documentgetElementById('wgt-ask');
divscrollTop = 100;
依然前提是div已经具备滚动条,否则设置无效
3、如果是二者兼备,这里就要简单的封装一下了:
1
2
3
4
5
6
7
8
9
10
11
function scrollTop(obj, len){
if (typeof len === 'undefined') {
return objscrollTop;
} else {
objscrollTop = len;
}
}
var div = documentgetElementById("wgt-user");
scrollTop(div, 100); // 设置
var st = scrollTop(div); // 100 获取
希望是你想要的结果,如有疑问欢迎追问,望采纳~
可以这么试一下
在你的页面上某个位置放一个div或者就用你页面上已有的某个元素也行,当用户滚动的时候这个div相对于浏览器的顶部或底部的距离肯定会变化,然后你通过这个距离来判断用户浏览到当前页面的什么位置了。
参考一下,我没试过
frames["framename"]documentdocumentElementscrollTop:垂直方向
frames["framename"]documentdocumentElementscrollLeft:水平方向
如何使iframe页面载入时滚动到指定位置?
1、链接加上锚点
2、给指定位置的标签加一个ID并赋值,<div id='mydiv'>指定位置</div>,链接:<a href='ahtml#mydivid'></a>
documentgetElementById("iframe的id")scrollHeight //这是高度
documentgetElementById("iframe的id")scrollWidth //这是宽度
js监视滚动事件的函数是onscroll
js语法:elementonscroll = functionReference
html语法:<element onscroll="myScript">
vue监听滚动事件实现滚动监听的制作步骤:
在vue中实现滚动监听和原生js无太大差异,下面是一个简单的demo,可在控制台查看结果。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src=">以上就是关于js有什么方法代替scrollTop,实现div 里面滚动。全部的内容,包括:js有什么方法代替scrollTop,实现div 里面滚动。、JS如何判断浏览器滚动条的位置、求javascript获取iframe滚动条位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)