【组件功能】：在整个页面或者元素内横向/纵向滚动鼠标到顶部、底部或者指定位置

配置预览

配置说明

滚动目标

前段时间接手了一个新的项目，使用的React+antd的技术栈，最近在正式做第一期的需求了，自己也开始使用蚂蚁的antd了，自己之前用Vue的时候是用过饿了么的Element-ui，想着这类用法应该都大同小异的，但是自己还是遇到了坑。。。

当页面长度超过一页屏幕时，如果需要定位的元素在下一屏幕，直接定位会报错：元素不可见。这时候就需要滑动浏览器的滚动条，滑动到该元素的页面再进行定位才可以成功。滚动条在selenium中没有直接的操作方法，需要使用js并结合selenium提供的execute_script()方法，达到操作滚动条的目的。

介绍还是使用腾讯企业邮箱，查看已删除目录下的删信记录查询中登陆查询信息很多，需要上下滑动滚动条进行查看。

企业邮箱页面

纯 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）就可以自动实现无缝滚动。