},mounted() {//创建BScroll对象并设置参数this.scroll=newBScroll(this.$refs.wrapper,{mouseWheel:true,//开启鼠标滚轮disableMouse:false,//启用鼠标拖动disableTouch:false,//启用手指触摸scrollX:true,//X轴滚动启用// eventPassthrough: 'vertical',设置该属性为vertical 则只会滚动设置为true的轴}) }, } ...
关键给滚动容器的父元素定一个高度,并且超出隐藏。当内容超出时就会触发滚动。 5.问题修复 我发现弹出层打开后,第一次用鼠标滚轮滚动的时候,滚动是无效的,这是为什么呢? 这是因为在弹出层弹出之前,弹出层所有的内容都是display:none,滚动容器是无高度的,所以better-scroll并没有开启滚动模式。 可以打印BScroll实例...
下面这个属性据说就是判断高度后设置的,如果为false就滚动不了 网络上有人给出的解决办法是,使用那个BScroll对象身上的on监听,每次滑动时都使用refresh方法刷新该对象。但是即使设置了probeType: 3,我的容器还是不能滚动,虽然鼠标滚轮可以使用。 结束(未解决)# 目前来看有可能是这个库不支持vue3,一看已经有三年不更新...
但是,你要知道,如果是使用第三方的组件库,比如element、antdesign,我想改也改不了啊! 5.内层有原生滚动 内层有原生滚动会引起两个问题: (1) PC端当鼠标移动到原生滚动元素上,滚动滚轮,内层原生滚动无响应!倒是bscroll容器发生了滚动,就好像内层这个滚动完全不存在。 解决办法,阻止内层滚动的冒泡: menu.addEventLis...
通过鼠标滚轮进行交互。 v2 对 mouse-wheel 进行重构: 1. 搭配 picker; 2. 搭配 pulldown; 3. 搭配 pullup; infinity 实现列表的无限滚动加载,对于大量数据渲染有显著效果。 nested-scroll 协调双层 BetterScroll 嵌套滚动行为。 于v2 版本新增,解决横向套横向,竖向套竖向的双层嵌套滚动的协调问题 ...
是这个效果,但是这个demo是移动端的,我在移动端也是没有问题的,如果在PC端的话,鼠标稍微滚动的快,页面就不能正确的显示 xiaohelang commented Jul 16, 2018 better-scroll能支持放大缩小吗? xg-qd commented Jul 24, 2018 better-scroll 内置了PC端滚轮滚动吗? runjen commented Oct 23, 2018 我用最新版...
},methods: {initScroll() {constcontent =this.$refs.content;this.contentScroll=newBScroll(content, {click:true,// 因为betterscroll默认会阻止点击事件。这里要设置一下mouseWheel:true,// 鼠标滚轮滚动probeType:3,scrollY:true,scrollbar: {fade:true,// 是否显示滚动条interactive:false,// 1.8.0 新增}...
mouseWheel: true, // 鼠标滚轮滚动 probeType: 3, scrollY: true, scrollbar: { fade: true, // 是否显示滚动条 interactive: false, // 1.8.0 新增 }, preventDefault: false, // 阻止了浏览器默认选中行为 }); // 获取滚动的值,赋值给scrollY ...
点击拖动滚动是正常的,但是,使用鼠标滚轮轮动的话,会出现滚动条,而且头部也会滚动出去,这是什么原因 damon_ding 2019-01-02 10:58:13 源自:8-4 Vue项目城市选择页 - BetterScroll 的使用和字母表布局 2502 分享 收起 1回答 Dell 回答被采纳获得+3积分 2019-01-02 12:54:53 没关系的,你真正在手机上...
上面的代码中 BetterScroll 是作用在外层wrapper容器上的,滚动的部分是content元素。这里要注意的是,BetterScroll 默认处理容器(wrapper)的第一个子元素(content)的滚动,其它的元素都会被忽略。 2.js结构 letbs=newBScroll('.wrapper',{probeType:3,pullUpLoad:true,mouseWheel:true,//设置pc端鼠标滚轮是否可以滚动cl...