博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
侧栏广告 跟随浏览器移动(扩展)
阅读量:6565 次
发布时间:2019-06-24

本文共 2276 字,大约阅读时间需要 7 分钟。

(function($) {    $.fn.fixedSidebar = function(options) {        var defaults = {            width: 100,            height: 20,			horizontalType: 'left', /*left,right*/			horizontalValue:20,			verticalType:'top', /*top,bottom*/			verticalValue:30,			berth:'browser',  /*browser,wrap*/			wrapWidth:960,			isHide:false,    			scrollTop:120,			content:''        };        var opts = $.extend(defaults, options);        var floatBlock = 'floatBlock_' + Math.round(Math.random() * 10000);		        var positiontype = 'undefined' == typeof(document.body.style.maxHeight) ? "absolute" : "fixed";        if (opts.horizontalType != 'left' && opts.horizontalType != 'right') {            opts.horizontalType = 'left';        }		if (opts.verticalType != 'top' && opts.verticalType != 'bottom') {            opts.verticalType = 'top';        }		var horizontalValue=0;		var verticalValue=0;				setHorizontalValue();		setVerticalValue();		        $("body").append('
'+opts.content+'
'); if(opts.isHide) { $("#" + floatBlock + "").hide(); } $(window).scroll(function() { if ('undefined' == typeof(document.body.style.maxHeight)) { setVerticalValue(); $("#" + floatBlock + "").css('top', verticalValue + "px"); } if(opts.isHide) { if($(window).scrollTop()>opts.scrollTop) { $("#" + floatBlock + "").slideDown(); } else { $("#" + floatBlock + "").slideUp(); } } }) $(window).resize(function() { setHorizontalValue(); $("#" + floatBlock + "").css(opts.horizontalType, horizontalValue + "px"); setVerticalValue(); $("#" + floatBlock + "").css('top', verticalValue + "px"); }) function setHorizontalValue() { horizontalValue = opts.berth == 'wrap' ? ($(window).width()-opts.wrapWidth)/2-opts.width-opts.horizontalValue : opts.horizontalValue; } function setVerticalValue() { if ('undefined' == typeof(document.body.style.maxHeight)) { verticalValue = opts.verticalType == 'top' ? $(window).scrollTop()+opts.verticalValue : $(window).scrollTop()+$(window).height()-opts.verticalValue; } else { verticalValue = opts.verticalType == 'top' ? opts.verticalValue : $(window).height()-opts.verticalValue; } } };})(jQuery)

 

转载于:https://www.cnblogs.com/hejunrex/archive/2013/05/15/3080208.html

你可能感兴趣的文章
关于selenium中断言判断url获取错误解决
查看>>
Ubuntu12下挂载硬盘(9TB)
查看>>
好用的PHP分页类
查看>>
linux下的防火墙
查看>>
简练软考知识点整理-创建工作分解结构过程
查看>>
NVisionXR_iOS教程一 —— NVisionXR从零搭建一个AR项目
查看>>
oracle 12c ins-30131 执行安装程序验证所需的初始设置失败
查看>>
windows开机执行bat
查看>>
SNAT与DNAT
查看>>
BGP十三条规则
查看>>
IBM在人工智能方面的新进展,理解谈话情景和感知情绪
查看>>
Linux 修改密码“ Authentication token manipulation err”
查看>>
openstack
查看>>
redis 系列7 数据结构之跳跃表
查看>>
【顶】(与同事合作的快乐)技术人员也需要先学会做人,再学会做事,再是能成事,最后是成名得利...
查看>>
Lync Server 2013 安装体验(一)
查看>>
Hadoop2.6.0学习笔记(五)自定义InputFormat和RecordReader
查看>>
EBB-24、DNS2
查看>>
监控web是否正常
查看>>
zabbix监控交换机
查看>>