ScrollBear

滚动条工具
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 网页开发工具
软件类型 开源软件
地区 国产
投 递 者 松钟展
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

ScrollBear为JavaScript撰写的工具,在博客页面图片加载的同时,维持滚动条scrollbar的位置,避免页面上下跳动。

仅使用100行代码就可以让User experience大幅提升,适合博客和新闻网站使用。

使用示例:

<div id='scroll' style='overflow: scroll;'>
    <div id='container'>
        <p>long content</p>
        <p>long content</p>
    </div>
</div>
<script src='scrollbear.js'></script>
Scrollbear.start(document.getElementById('scroll')
 相关资料
  • 因为部分低版本安卓机型上,如果一个容器通过 position: absolute; 或者 transform: translate3d(x,x,x); 定位,那么在滚动的时候有可能会出现闪烁问题。 为了解决这种bug,我们实现了原生滚动和JS滚动条两种模式,并且可以自由切换。从 v0.3.1 版本开始,默认的滚动条类型就是 "native" ,即默认使用系统原生滚动条。只有当你发现页面存在滚动闪烁

  • 滚 动条(scrollbar)可以用来对图表进行平移操作。 y 轴滚动条 Highstock 在 4.2.6 时支持了 任意坐标轴滚动条,即 x、y 轴都支持了滚动条。 y 轴滚动条相关配置参见 yAxis.scrollbar。 在线试一试(缩放后才会显示 y 轴滚动条) 在 Highcharts 图表中使用滚动条 如果需要在 Highcharts 图表中使用滚动条,只需要将 highcharts

  • 我有一个类可以画一些非常简单的图形,比如直线、圆和矩形。线条可以动态扩展,有时当它们扩展到超出分辨率时,如果没有滚动条,就无法看到。因此,我已经将JScrollPane添加到JFrame中,但不幸的是,尽管已经调用了布局管理器,但滚动条还是无法滚动。 这是我所拥有的:-一个绘制组件(线条、矩形、圆形)的类-一个设置JFrame/JScrollPane的类 这是我的GUI类的摘录代码: 通过上面的代

  • 主要内容:ion-scroll,ion-infinite-scroll,$ionicScrollDelegateion-scroll ion-scroll 用于创建一个可滚动的容器。 用法 API 属性 类型 详情 delegate-handle (可选) 该句柄利用指定滚动视图。 direction (可选) 滚动的方向。 'x' 或 'y'。 默认 'y'。 paging (可选) 分页是否滚动。 on-refresh (可选) 调用下拉刷新, 由触发。 on-scroll (可选) 当用户

  • 主要内容:1. overflow,2. overflow-x、overflow-y通过《 CSS盒子模型》一节的学习我们知道,页面中的每个元素都可以看作是一个矩形的盒子,我们可以使用 CSS 来控制盒子的大小、位置等等信息。默认情况下,当元素中的内容超出盒子的大小时,例如元素内容区的宽度和高度所组成的矩形区域中不足以容纳元素中的内容时,一部分内容就会溢出盒子。 1. overflow 为了能更好的处理溢出的内容,CSS 中提供了一个名为 overflow 的属性,该属性可以设置

  • 主要内容:创建滚动条,滚动事件类经常带有一个可滚动的窗格。 滚动条有四个区域: 拇指 右按钮或向下按钮 左按钮或向上按钮 跟踪 上面的代码生成以下结果。 创建滚动条 以下代码使用其默认构造函数创建滚动条。 和方法定义滚动条表示的最小值和最大值。方法设置滚动的当前值,也设置拇指的位置。 当用户移动缩略图时,滚动条的值会更改。默认情况下,滚动条水平定向。我们可以使用方法设置垂直方向。 我们可以单击水平滚动条的左和右按钮或者向上和向