若是页面太长,我们可以在右侧加一个缩小版的浮动窗口。Minimap 可以预览整个 Web 页面,它的 DOM 元素支持灵活的定向和导航。
淘建站为您提供更多_其它特效_jQuery插件_minimap_窗口,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 288 次
70 积分
jQuery
调用minimap方法很简单,代码如下:
$(function() {
var previewBody = $('body').minimap({
heightRatio: 0.6, //高度比
widthRatio: 0.1, //宽度比
offsetHeightRatio: 0.035, //偏移高度比
offsetWidthRatio: 0.065, //偏移宽度比
position: "right", //位置
touch: true, //是否触屏
smoothScroll: true, //是否平滑滚动
smoothScrollDelay: 200, //平滑滚动间隔时间
onPreviewChange: function() { //切换时触发
}
});
});

