推荐一款重点解决移动端（已支持 PC）各种滚动场景需求的插件 better-scroll

最新推荐文章于 2024-06-17 18:01:15 发布
最新推荐文章于 2024-06-17 18:01:15 发布
阅读量3.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41376400/article/details/79108648
本文推荐了一款名为 better-scroll 的插件，该插件主要针对移动端的各种滚动场景进行了优化，并且已经支持 PC 平台。经过亲身体验，其滑动效果非常出色。

推荐一款重点解决移动端（已支持 PC）各种滚动场景需求的插件  better-scroll

有兴趣的可以去这里去这里看一下，下面的网站链接

https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll%20是什么

亲手试过，滑动体验很不错

Better-Scroll移动端滚动插件
weixin_44908855的博客
09-01 503
1. BetterScroll 是什么 BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。 BetterScroll 的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。 BetterScroll 是使用纯 JavaScript 实现的，这意味着它是无依赖的。 2. BetterScroll 的安装 npm 安装：npm install bet
P165-Better-Scroll的安装和使用-用于重构项目滚动方面（PC端和移动端都适用）
m0_51414342的博客
12-15 662
这里先来回顾一下vue的命名规范
一个非常不错的滑动插件兼容pc和移动端推荐使用
12-21
一个非常不错的滑动插件兼容pc和移动端推荐使用，里面附有说明文档链接
Better-scroll 插件使用（移动端常见滚动）
Mr_Zhangxiaosen的博客
11-19 1539
Better-scroll 插件使用 很多人会问，better-scroll是什么（what），什么场景用（when），怎么用（how），那我接下来就针对这个将我所理解的叙述一遍 是什么（what）：better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件（不懂？打开手机随意点餐app，打开商品页，上下滑动，没有滚动条却能实现滚动（所以better-scroll是在c...
pc模仿移动端滚动条样式，好看就对了
liu099的博客
09-19 678
/* 设置滚动条的样式 */ ::-webkit-scrollbar { width: 5px; } /* 滚动槽 */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 5px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.8);
swiper内部使用可滑动组件在pc端不能滑动问题
Dyj_zf的博客
12-28 790
在swiper上添加:noSwiping="true"，在不想触发swiper滑动的元素上添加“swiper-no-swiping”class。发现在pc端没办法滑动，移动端滑动时也会触发swiper的滑动事件。项目中在swiper组件内部使用了element 的滑块。swiper的noSwiping配置项。
pc,移动端轮播滑动组件
01-24
基于jq的图片轮播插件，滑动切图，兼容移动，PC端
详解 vue better-scroll滚动插件排坑
08-28
BetterScroll 是一款移动端滚动插件，它的强大之处是解决移动端（已支持 PC）各种滚动场景需求的插件。BetterScroll 的核心是借鉴的 iScroll 的实现，它的 API 设计基本兼容 iScroll，在 iScroll 的基础上又扩展了...
vue滚动插件better-scroll使用详解
12-30
better-scroll是一款重点解决移动端(已支持PC)各种滚动场景需求的插件。例如淘宝聚划算中的类型选择(女装/家纺/生鲜美食等)，没有滚动条显示却实现了滚动功能。 1.2 better-scroll安装 npm install better-scroll -...
Vue + better-scroll 实现移动端字母索引导航功能
08-27
Better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴了 iscroll 的实现，其 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。...
【已解决】better-scroll在PC端如何开启鼠标滚动以及如何始终显示滚动条
最新发布
无言非影的博客
06-17 1121
需要安装插件 mouse-wheel 和 scrollbar
web移动端,PC端页面分享
01-28
PC端打开： 微信二维码弹窗提示分享,微博,qq分享跳到对应分享页。 移动端分享： 在qq,微信app打开时,因两者都不支持自定义按钮分享，所以都是提示点击右上角分享。 其他浏览器打开则调起对应qq、微信、微博app实现分享
PC端滚动条插件
08-05
原生js滚动条插件，使用方便灵活，自带样式，也可修改样式
vuescroll：基于vue.js的可自定义的滚动条插件，适用于PC，手机，触摸屏，笔记本电脑
02-06
Vuescroll 介绍 Vuescroll是基于Vue.js 2.X的滚动条插件，它非常易于使用，没有复杂的选项，每个选项都有其默认值（这意味着您甚至不必编写任何配置）。 只需用<vue>包装内容，就会显示一个自定义滚动条。 它支持： 可自定义的滚动条 提货，推货 轮播 Vuescroll的兼容性与Vue.js 2.X相同。 演示版 您可以在repo的examples文件夹下找到演示。 您可以在网站的“部分查看vuescroll的全部功能。 安装 npm i vuescroll -S # OR yarn add vuescroll 用法 导入和注册 import vuesc
js获取各种高度总结
热门推荐
leileibrother的博客
12-01 1万+
在写js的时候偶尔需要获取各种高度，比如；浏览器高度，页面高度，滚动高度等。抽空整理了我自己常用到的，时间仓促，没有考虑到万恶的IE浏览器。。。。 1，获取屏幕的高度和宽度（屏幕分辨率）： window.screen.height window.screen.width 2，获取屏幕工作区域的高度和宽度（去掉状态栏）： window.screen.availHeight window.
vue2 pc端统一 滚动条的样式 使用插件 perfect-scrollbar，并且封装成指令使用，方便快捷。
qq_36571836的博客
05-18 755
【代码】vue2 pc端统一 滚动条的样式 使用插件 perfect-scrollbar，并且封装成指令使用，方便快捷。
解决better-scroll在PC端使用，鼠标无法实现滚动的问题
3w先生的博客
04-08 1444
在better-scroll的源码里面，有这样的一行代码； 接下来直接上代码： this.scroll = new BScroll(this.refs.scrollWrapper as Element, { scrollbar, probeType, click, scrollX, stopPropagation, eventPassthrough, pullDownRefresh: onFinishPullDown ? { threshold: 50,
PC端网页特效（client系列,scroll系列，立即执行函数，侧边栏特效）
asdf1234dfty的博客
07-03 263
PC端网页特效（client系列,scroll系列，立即执行函数，侧边栏特效）
vue中的滚动效果: better-scroll
Allen的博客
11-04 1369
vue中的滚动效果: better-scroll
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值