纯 CSS 和 JS 的原生平滑滚动

你想要一个平滑的滚动吗？ 忘记 JQuery，我们已经过去了。 让我向您介绍我们的原生平滑滚动工具。

CSS 滚动行为

CSS scroll-behavior 属性接受三个值之一 - 实际上是两个值，因为其中一个已被弃用。

这篇文章给大家讲解 dhtmlxGantt的默认布局和滚动条。

这篇文章给大家讲解 dhtmlxGantt的默认布局和滚动条。

默认布局

html页面中body内容多了后浏览器就会出现滚动条，页面右边就会出现有一小部分被纵向滚动条遮挡，横向滚动条也出现。body的margin与padding都设为0，要怎样处理页面才只出现纵向滚动条，而不出现横向滚动条呢？

方法一：

nicescroll 滚动条插件是一个非常强大的基于 jQuery 的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。

有史以来最好的nicescroll版本-在现代浏览器和移动设备中极其流畅和一致，资源使用率低

强大的不能让你呼吸！兼容、适配、美观都是那么完美！一起体验一下它的酣畅淋漓！

无缝滚动是一种常见的网页效果，它可以使内容在页面上连续滚动，而不会出现明显的断裂，且鼠标移入滚动区域会暂停滚动。这种效果在新闻滚动、广告展示、大屏呈现等场景中非常常见。下面我们将介绍如何使用JavaScript和CSS来实现无缝滚动组件，本文实现的组件使用非常简单，只要在html中引入css和js，在需要实现无缝滚动的元素上添加约定的类（cl-seamless-container、cl-seamless-list）就可以自动实现无缝滚动。

uni 文档中 scroll-view 说明

可滚动视图区域，用于区域滚动。使用竖向滚动时，需要给 scroll-view 一个固定高度，通过 css 设置 height；使用横向滚动时，需要给 scroll-view 添加 white-space: nowrap; 样式。

在CSS中，可以使用::-webkit-scrollbar和相关伪元素来修改滚动条的样式，但请注意这些伪元素仅在基于WebKit的浏览器中（如Chrome和Safari）支持。Firefox和其他浏览器可能不支持这些伪元素。