jQuery页面小型窗口预览

收藏

若是页面太长，我们可以在右侧加一个缩小版的浮动窗口。Minimap 可以预览整个 Web 页面，它的 DOM 元素支持灵活的定向和导航。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

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() { //切换时触发
        }
    });
});