移动端利用重力控制屏幕滚动

gravityScroll

移动端利用重力控制屏幕滚动,基于DOM

Demo

Demo 点击查看

Github 点击查看

移动端利用重力控制屏幕滚动_第1张图片
qr-code

使用说明

引用组件






JavaScript 初始化

// 初始化
$('.map').pos({
  // 起始位置
  'lastPageX': -100,
  // 开启循环
  'loop': true
});

HTML

CSS

.map-box{
  width: 2270px;
  height: 1030px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
  background: url("../img/bg2.jpg") no-repeat center; 
}

你可能感兴趣的:(移动端利用重力控制屏幕滚动)