js有什么方法代替scrollTop,实现div 里面滚动。

js有什么方法代替scrollTop,实现div 里面滚动。,第1张

你好,我先需要明确一下你是要问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滚动条位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9677885.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存