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=">您好！很高兴为您答疑！
给您提供一个代码，根据需要稍做修改就可以了，兼容各浏览器：
function getViewSizeWithoutScrollbar(){//不包含滚动条
return {
width : documentdocumentElementclientWidth,
height: documentdocumentElementclientHeight
}
}
function getViewSizeWithScrollbar(){//包含滚动条
if(windowinnerWidth){
return {
width : windowinnerWidth,
height: windowinnerHeight
}
}else if(documentdocumentElementoffsetWidth == documentdocumentElementclientWidth){
return {
width : documentdocumentElementoffsetWidth,
height: documentdocumentElementoffsetHeight
}
}else{
return {
width : documentdocumentElementclientWidth + getScrollWith(),
height: documentdocumentElementclientHeight + getScrollWith()
}
}
}
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
简单点可以通过jquery来实现
scrollTop(offset) 方法返回或设置匹配元素的滚动条的垂直位置。
offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
if(documentdocumentElement&&documentdocumentElementscrollTop)
{
scrollTop=documentdocumentElementscrollTop;
}
else if(documentbody)
{
scrollTop=documentbodyscrollTop;
}
if(scrollTop>50)
{
documentgetElementById('obj')styleopacity='0';
}
function getScrollTop()
{
var scrollTop=0;
if(documentdocumentElement&&documentdocumentElementscrollTop)
{
scrollTop=documentdocumentElementscrollTop;
}
else if(documentbody)
{
scrollTop=documentbodyscrollTop;
}
return scrollTop;
}
以上就是关于如何用js监听滚动条滚动事件全部的内容，包括:如何用js监听滚动条滚动事件、js 检测鼠标滚轮上下滚动、js获取浏览器高度+上下滚动条的高度，也就是整个网页的高度，需求，要求兼容ie6,7,火狐等主流浏览器等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）