58、滚动行为

刘大强老师

西安大秦时代网络科技有限公司

领域专家: 后端开发技术领域

2025-04-11 13:08:53

课时名称	课时知识点
58、滚动行为	58、滚动行为 58、滚动行为 58、滚动行为

...全文

37 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

这时，我们可以通过记录用户打开弹窗前所滚动页面的位置，在弹层展开的时候赋给body在css中的top值，等关闭弹层的时候，再把这个值赋值给body在js中的scrollTop值，还原body的滚动位置。2、touchmove手势移动的时候，再次获取最新的坐标点y的值y2，（其实记录可滚动区域的可滚动高度、当前滚动距离等可以在一开始就记录，我这里写到了touchmove里，还可以再优化）。当弹层出现的时候不需要再禁掉body的滚动效果了，我们可以从弹层方面入手，阻止弹框的touchmove事件的默认行为。

背景: 弹层里边有可滚动区域时，在移动端的坑我就不多说了。找了很多解决滚动穿透的方案，最终都不能完美解决。一气之下自己js撸了一个。效果图：原理： 1、解决滚动穿透：通过给弹层绑定touchmove和mousewheel事件，取消默认行为实现。 2、取消默认行为后不能滚动：给需要滚动展示的区域绑定touchstart、touchmove和mousewheel事件，监...

Lightning CSS是一个快速构建CSS文件并自动添加浏览器前缀以提高兼容性的工具。在当前项目中，通过对源码的分析发现，Lightning CSS对滚动行为相关的CSS属性支持存在一定的局限性。虽然在[src/declaration.rs](https://link.gitcode.com/i/f6e06e355895dced9f8cc5a49fc58e3c)中提到了scroll_margi

在Android开发中，原生TextView虽提供了基础的文字渲染能力，但面对复杂的动态文本展示需求——如垂直自动滚动、水平无限滑动等场景——其内置功能显得力不从心。尤其当内容超出可视区域且无法依赖用户交互时，如何通过自定义控件实现流畅、可控、低耗的自动滚动行为，成为提升用户体验的关键技术点。为此，构建一个名为的自定义组件，不仅需要深入理解Canvas绘制流程与Layout排版机制，还需精准掌控动画驱动逻辑和状态管理策略。

文字滚动效果可以使用Html自带的标签来实现，首先声明的是是所有浏览器都支持的。其中标签带有很多的属性，我们平常最常用的可以归结为一下几个：（1）width //定义滚动条的宽度（2） height //定义滚动条的高度（3） bgcolor //定义背景颜色（4）direction //定义滚动方向，默认为向左滚动（5） behavior //行为（滚动方式）值有s

刘宏强的课程社区_NO_3

1

社区成员

153

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章