移动端滑动,better-scroll使用

news/2024/12/28 1:04:21/文章来源:https://www.cnblogs.com/oldsaltfish/p/18636878

背景

为博客园做移动端适配,有一个控件需要固定大小,但是里面的内容是动态的,很有可能放不下,因此需要滑动。
设置了滑动后,我发现划不动,原来原生的滑动是不管你什么移动端的,于是找移动端适配的滑动。

Better-Scroll

名声很大,坑不少。

划不动

官方文档写的快速开始实在是太过于简短了,以至于让人踩了不少坑。
image

  1. 开门见山,首先wrapper需要设置overflow:hidden。
  2. wrapper里面需要且只能有一个content元素。
  3. 创建BScroll对象前,content元素的高度需要大于wrapper。

2,3这两个坑我踩了个遍。

渲染之后才有的高度,因此很多时候创建BScroll对象时,wrapper和content的高度都是undefined。
可以在dom解析完毕后再执行。

  $(document).ready(()=>{let wrapper = document.querySelector('.bottom-menu .drawer')if(!wrapper) return;window.bs = BetterScroll.createBScroll(wrapper,{click: true})})

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/860129.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JAVA-第三次大作业blog

一.前言 在深入探索Java编程的征途中,我迎来了第七、八次PTA题目集的挑战。这两次作业不仅是对我学习成果的检验,更是深化我对Java核心概念——继承理解的宝贵契机。通过亲身实践,我不仅巩固了继承在Java中的应用技巧,还跨越性地深化了对子类与父类关系的洞察。每一次编码,…

Unity音频管理方案

AudioManager类的创建可以序列化,就可以在外面看到然后在Awake里面初始化一下AudioManager类的完善 写个单例:这样就可以直接在外面AudioManager.去调用比较方便 使用AudioMixer对音频进行分组使用unity自带的AudioMixer使用unity自带的AudioMixer进行音量统一处理在UI框架里…

没有xml configuration file

点击new菜单发现没有看到XML Configuration File选项。1、正确导入spring jar包,spring5.6 maven坐标<dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>6.2.1</versi…

PostgreSQL 数据库的启动与停止管理

title: PostgreSQL 数据库的启动与停止管理 date: 2024/12/28 updated: 2024/12/28 author: cmdragon excerpt: 作为一个强大的开源关系数据库管理系统,PostgreSQL在众多应用场景中发挥着关键作用。在实际使用过程中,对于数据库的启动和停止操作至关重要。这不仅关系到数据…

人工智能Agent提示工程的六个关键要素

一个构造良好的提示封装了所有必要的信息,确保AI Agent生成准确的响应并有效地执行任务。 通过系统地组合特定组件,提示符为LLM提供了一个全面的框架,以实现最佳功能。 六个关键要素如下: 1.用户请求:这是用户提供的原始任务描述,概述了目标和期望的结果。它作为代理行为…

一个Java实现的OCR系统

一个Java实现的OCR系统 利用java17实现的一套OCR推理系统,兼容paddleocr。如下图,目前功能如下,https://github.com/jiangnanboy/JiaJiaOCR:

staticfile cdn崩了,boot cdn崩了。

背景 一天之内碰到两个cdn同时炸。 staticfile cdnboot cdn我没截图,他主站是没炸的,但是js文件访问不了,过了一段时间又好了。 后面恢复了,下面是bootcdn的速度测试,有点慢说实话。其他bootcdn太慢了,换一家用用。npmmirror 全国最nb的镜像站,无需多言。 格式如下 http…

《计算机组成及汇编语言原理》阅读笔记:p121-p122

《计算机组成及汇编语言原理》学习第 8 天,p121-p122 总结,总计 2 页。 一、技术总结 1.memory优化 (1)cache memory remove blank from "Most computers support two different kinds (levels) of cache: level one (L1) cache is built into the CPU chip itself and…

【电商系统】使用多种设计模式重构电商系统登录业务场景

一、介绍 在做业务功能开发的时候,每个程序员接触过最多的应该就是登录功能了,而一个登录功能有很多种登录交互的体现,当我们开始写登录代码的时候,前期能满足登录就行了,渐渐的系统中加入了不同业务需求的代码,以及每个登录需要特殊处理的参数,基本上我们要开发不同的接…

Android 当鸟动漫(原樱花动漫) 1.5.5.8去广告版

当鸟动漫(原樱花动漫)是许多二次元用户喜欢用的免费动漫平台,网罗了各种动漫番剧资源,新番、日漫、国漫、美漫、电影等其他内容一网打尽,应有尽有,同步更新,智能精选推荐,高清播放,自由筛选观看阅读,还支持收藏、下载、分享、反馈,好用又实用!Android 当鸟动漫:下载…

3.6背景

1.背景颜色 2.背景图片