去往起源之地

gzdswSuperScroll 自适应超级滚动jQuery插件

自适应，按单个子元素高宽，或多个子元素高宽滚动

向左滚动 1 个子元素

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
左 右

向左滚动 3 个子元素

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
左 右

向右滚动 1 个子元素

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
左 右

向右滚动 3 个子元素

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
左 右

向上滚动 1 个子元素，easing：easeInOutBack 效果

上 下

向上滚动 3 个子元素，easing：easeOutBounce 效果

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
上 下

向下滚动 1 个子元素，easing：easeOutBack 效果

上 下

向下滚动 3 个子元素，easing：easeInOutBack 效果

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
上 下


按固定距离位移滚动

向左滚动 80 个像素

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
左 右

向右滚动 111 个像素，easing：easeOutBounce 效果

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
左 右

向上滚动 39 个像素，easing：easeOutBounce 效果

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
上 下

向下滚动 78 个像素，easing：easeInOutBack 效果

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
上 下


连续平滑滚动

向左连续平滑滚动

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
左加速 右加速

向右连续平滑滚动

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
左 右

向上连续平滑滚动

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
上 下

向下连续平滑滚动

  • 111
  • 222222
  • 333333333
  • 444444444444
  • 555555555555555
  • 666666666666666666
  • 777777777777777777777
  • 888888888888888888888888
  • 999999999999999999999999999
上 下