怎么控制div随滚动条滚动js

怎么控制div随滚动条滚动js,第1张

你说的不知道是哪一种,都给你说下吧

第一种、滚动条滚动一定高度div也移动一定高度 及首先获取滚动条滚动的值即

oScroll = documentdocumentElementscrollTop||documentbodyscrollTop;

然后把这个值赋值给div的top值

还有一种就是固定定位position:fixed; 始终固定在浏览器窗口的某一位置,不管浏览器滚动条怎么滚动他还是处于浏览器窗口(注意说的是浏览器窗口而不是网页主体)的那个位置不动,这种看起来和你说的效果一样,滚动滚动条div固定浏览器窗口位置不变,然后网页主体上下移动;

不知道你说的是哪一种

普通模式:(当前块-之前块)x宽度

move=(mySwiperactiveIndex-mySwiperpreviousIndex)mySwiperwidth 。

free模式:现在第一块的相对swiper位置-滑动之前位置

onFirstInit: function(swiper){

location1=mySwiperslides[0]getOffset()left;

}

其他事件{

location2=mySwiperslides[0]getOffset()left;

move=location2-location1-mySwiperpositionsstart;

}

swiper是个功能插件,使用在移动端,相当于jm,jq是javascript的框架库,主用于平台兼容,应用在比如连版广告等需要滑动 *** 作的地方,局限性比较小。

//滚动条位置

function GetPageScroll() 

    var x, y; if(windowpageYOffset) 

    {    // all except IE    

        y = windowpageYOffset;    

        x = windowpageXOffset; 

    } else if(documentdocumentElement && documentdocumentElementscrollTop) 

    {    // IE 6 Strict    

        y = documentdocumentElementscrollTop;    

        x = documentdocumentElementscrollLeft; 

    } else if(documentbody) {    // all other IE    

        y = documentbodyscrollTop;    

        x = documentbodyscrollLeft;   

    } 

    return {X:x, Y:y};

}

你需要三个div即可实现,最外层div设置你需要显示的高宽以及overflow为hidden,第二层设置overflow-x。并将其宽度设置来超出最外层div,这样咱们的滚动条就会被在外层div所挡住,也就间接隐藏了滚动条也能滚动

以上便实现了滚动条隐藏且能滚动

这里IE/Chrome的用法是一致的,滚动事件onmousewheel,判断滚动属性为ewheelDelta,且向上滚动是+120,向下是-120

而FireFox滚动事件DOMMouseScroll,判断滚动属性为edetail,且向上是-3,向下是+3

这里需要兼容处理一下下。

以上就是关于怎么控制div随滚动条滚动js全部的内容,包括:怎么控制div随滚动条滚动js、swiper.js中怎么获取滑动前后的位移值、怎么用JavaScript获取当前网页滚动条的坐标呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9506112.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存