h5滚动隐藏滚动条_vue.js-div怎么隐藏滚动条

这次给大家带来vue.js-div怎么隐藏滚动条，vue.js-div隐藏滚动条的注意事项有哪些，下面就是实战案例，一起来看一下。

组件被包在一个高度固定的pmounted () {

var bop = document.getElementById(this.id);

if(bop == undefined){

return;

}

var isFirefox=navigator.userAgent.indexOf("Firefox")

if(isFirefox>0){

bop.addEventListener('DOMMouseScroll', function(event) { //火狐

var evt = window.event || arguments[0]

if (evt.detail <= -3) {

bop.scrollTop=bop.scrollTop-10

} else if (evt.detail >= 3) {

bop.scrollTop=bop.scrollTop+10

}

evt.stopPropagation();

evt.preventDefault();

}, false);

}else{

bop.addEventListener("mousewheel",function(event) {

var evt = window.event || arguments[0]

evt.returnValue = false //屏蔽body滚动事件

if (evt.wheelDelta <= -120) {

bop.scrollTop=bop.scrollTop+40

} else if (evt.wheelDelta >= 120) {

bop.scrollTop=bop.scrollTop-40

}

})

}

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

h5滚动隐藏滚动条_vue.js-div怎么隐藏滚动条相关推荐

vuejs滚动条_Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
前言前段时间有给大家分享一个vue桌面端弹框组件,今天再分享最近开发的一个vue pc端自定义滚动条组件. vscroll 一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组件.支持是否 ...
vuejs滚动条_Vue.js 桌面端虚拟滚动条|vue美化滚动条VScroll
介绍 VScroll 一款基于vue2.x构建的桌面PC端自定义模拟滚动条组件.支持自定义是否原生滚动条.自动隐藏.滚动条大小.层级及颜色等功能.拥有丝滑般的原生滚动条体验! 除了垂直滚动条,同样的也 ...
在html中加入滚动条,html在div中显示滚动条
基本思路:滚动条要添加到内容部分的父标签上(div),内容部分不设置大小,父标签要明确设置大小,并且父标签要添加overflow样式,并设置成auto. 打开的效果如下: 这时可能有人会问,父div的 ...
vue watch 修改滚动条_Vue.js 中滚动条始终定位在底部的方法
Vue.js 中滚动条始终定位在底部的方法发布于 2020-2-23| 复制链接分享一篇关于vue 中滚动条始终定位在底部的方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看看吧滚 ...
elementui 隐藏输入框_vue+element-ui实现显示隐藏密码
最终实现效果显示隐藏密码.gif 实现思路(第一种方法) 因为输入框本身没有切换明文与暗文的功能,所以我们要实现切换功能就需要两个输入框,通过JS来控制样式dispaly:none来指定谁被渲染出来 ...
一款回到顶部的 jQuery 插件，支持 Div 中的滚动条回到顶部
前言今天在网上搜索"回到顶部"的 jQuery 插件,网上有很多,但是大部分都不支持让 Div 中的滚动条回到顶部.于是乎,不放弃,自己参考 Github 上的一个 jQuery ...
页面的div中有滚动条，js实现刷新页面后回到记录时滚动条的位置
当div中绑定数据,给它一个属性overflow-y: scroll,添加长度大小,使其能够出现滚动条:每次刷新的时候滚动条总是会出现在最上方,这使我很头疼,经过查阅网上资料,返现两种方法可行.如下: ...
移动端 js 弹出层内容滚动的时候，不影响body的滚动条处理
如标题所示,这里受 https://segmentfault.com/a/1190000003849952 这篇文章的启发,自己重写了一下代码效果图: 代码: <!DOCTYPE HTML&g ...
JS显示和隐藏div
JS显示和隐藏div 接下来我们使用Visual Studio这个软件来写一个的方法,我们可以使用这种写法写一个小案例来实现一个div里面显示和隐藏的效果. 我们先看一下html的页面截图: 首先我们 ...
html5滚动文字切换效果代码,js+div实现文字滚动和图片切换效果代码
本文实例讲述了js+div实现文字滚动和图片切换效果代码.分享给大家供大家参考.具体如下: 这里演示js+div文字滚动和图片切换代码,为了演示方便,去掉了图片调用,用数字代替了,用时候再加上就可以了 ...

h5滚动隐藏滚动条_vue.js-div怎么隐藏滚动条

h5滚动隐藏滚动条_vue.js-div怎么隐藏滚动条相关推荐

最新文章

热门文章