模拟对象:百度地图收藏滚动列表以及分页,用于仿站


滚动条模拟

滚动条模拟百度地图中收藏的滚动条进行编码
使用方式:
new Scroll(document.querySelectorAll(".scroll-emulate").item(0)).init();

分页

分页模拟百度地图收藏中的分页设计风格编码,效果见滚动条的最后一行
使用方式:
new Page({ "container": document.getElementById("coll-div") }).init();
container为定义的盒子

效果演示:


  • 山东省公安厅1
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅2
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅3
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅4
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅5
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅6
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅7
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅8
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅9
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除
  • 山东省公安厅10
  • 山东省济南市经二路185号
  • 2015-09-11 来自手机
  • 标签 重命名 删除