jiapeng
/
portal-front


			
				
					
						
							
							(function($) {
	//URI:http://caibaojian.com/scrollfix
	//author:caibaojian
	//website:http://caibaojian.com
	//descirption:scroll and fixed some div
	$.fn.scrollFix = function(options) {
		return this.each(function() {

			var opts = $.extend({}, $.fn.scrollFix.defaultOptions, options);
			var obj = $(this),
				base = this,
				selfTop = 0,
				selfLeft = 0,
				toTop = 0,
				parentOffsetLeft = 0,
				parentOffsetTop = 0,
				outerHeight,
				outerWidth,
				objWidth = 0,
				placeholder = jQuery('<div>'), //创建一个jquery对象
				optsTop = opts.distanceTop, //定义到顶部的高度
				endfix = 0; //开始停止固定的位置

			var originalPosition;
			var originalOffsetTop;
			var originalZIndex;
			var lastOffsetLeft = -1;
			var isUnfixed = true;
			//如果没有找到节点，不进行处理
			if (obj.length <= 0) {
				return;
			}
			if (lastOffsetLeft == -1) {
				originalZIndex = obj.css('z-index');
				position = obj.css('position');
				originalPosition = obj.css('position');

				originalOffsetTop = obj.css('top');
			}

			var zIndex = obj.css('zIndex');
			if (opts.zIndex != 0) {
				zIndex = opts.zIndex;
			}
			//获取相对定位或者绝对定位的父类
			var parents = obj.parent();
			var Position = parents.css('position');
			while (!/^relative|absolute$/i.test(Position)) { //检测浮动元素的父类元素定位为'relative'或者'absolute',是的话退出，否则的话，执行循环，继续寻找它的父类
				parents = parents.parent();
				Position = parents.css('position');
				if (/^body|html$/i.test(parents[0].tagName)) break; //假如父类元素的标签为body或者HTML，说明没有找到父类为以上的定位，退出循环
			}

			var ie6 = !-[1, ] && !window.XMLHttpRequest; //兼容IE6
			var resizeWindow = false;

			function resetScroll() {
				setUnfixed();
				selfTop = obj.offset().top; //对象距离顶部高度
				selfLeft = obj.offset().left; //对象距离左边宽度
				outerHeight = obj.outerHeight(); //对象高度
				outerHeight = parseFloat(outerHeight) + parseFloat(obj.css('marginBottom').replace(/auto/, 0));
				outerWidth = obj.outerWidth(); //对象外宽度
//				objWidth = obj.width();
				objWidth = obj.outerWidth(true);
				var documentHeight = $(document).height(); //文档高度
				var startTop = $(opts.startTop), //开始浮动固定对象
					startBottom = $(opts.startBottom),
					toBottom, //停止滚动位置距离底部的高度
					ScrollHeight; //对象滚动的高度

				//计算父类偏移值
				if (/^body|html$/i.test(parents[0].tagName)) { //当父类元素非body或者HTML时，说明找到了一个父类为'relative'或者'absolute'的元素，得出它的偏移高度
					parentOffsetTop = 0, parentOffsetLeft = 0;
				} else {
					parentOffsetLeft = parents.offset().left, parentOffsetTop = parents.offset().top;
				}

				// 计算父节点的上边到顶部距离
				// 如果 body 有 top 属性, 消除这些位移
				var bodyToTop = parseInt(jQuery('body').css('top'), 10);
				if (!isNaN(bodyToTop)) {
					optsTop += bodyToTop;
				}
				//计算停在底部的距离
				if (!isNaN(opts.endPos)) {
					toBottom = opts.endPos;
				} else {
					toBottom = parseFloat(documentHeight - $(opts.endPos).offset().top);
				}
				//计算需要滚动的高度以及停止滚动的高度
				ScrollHeight = parseFloat(documentHeight - toBottom - optsTop), endfix = parseFloat(ScrollHeight - outerHeight);
				//计算顶部的距离值
				if (startTop[0]) {
					var startTopOffset = startTop.offset(),
						startTopPos = startTopOffset.top;
					selfTop = startTopPos;
				}
				if (startBottom[0]) {
					var startBottomOffset = startBottom.offset(),
						startBottomPos = startBottomOffset.top,
						startBottomHeight = startBottom.outerHeight();
					selfTop = parseFloat(startBottomPos + startBottomHeight);
				}

				toTop = selfTop - optsTop;
				toTop = (toTop > 0) ? toTop : 0;

				var selfBottom = documentHeight - selfTop - outerHeight;
				//如果滚动停在底部的值不为0，并且自身到底部的高度小于上面这个值，不执行浮动固定
				if ((toBottom != 0) && (selfBottom <= toBottom)) {
					return;
				}

			}
			function setUnfixed() {
				if (!isUnfixed) {
					lastOffsetLeft = -1;
					placeholder.css("display", "none");
					obj.css({
						'z-index': originalZIndex,
						'width': '',
						'position': originalPosition,
						'left': '',
						'top': originalOffsetTop,
						'margin-left': ''
					});
					obj.removeClass('scrollfixed');
					isUnfixed = true;
				}
			}

			function onScroll() {
				lastOffsetLeft = 1;
				var ScrollTop = $(window).scrollTop();
				if (opts.bottom != -1) {
					ScrollTop = ScrollTop + $(window).height() - outerHeight - opts.bottom;
				}
				if (ScrollTop > toTop && (ScrollTop < endfix)) {
					if (ie6) { //IE6则使用这个样式
						obj.addClass(opts.baseClassName).css({
							"z-index": zIndex,
							"position": "absolute",
							"top": opts.bottom == -1 ? ScrollTop + optsTop - parentOffsetTop : ScrollTop - parentOffsetTop,
							"bottom": 'auto',
							"left": selfLeft - parentOffsetLeft,
							'width': objWidth
						})
					} else {
						obj.addClass(opts.baseClassName).css({
							"z-index": zIndex,
							"position": "fixed",
							"top": opts.bottom == -1 ? optsTop : '',
							"bottom": opts.bottom == -1 ? '' : opts.bottom,
							"left": selfLeft,
							"width": objWidth
						});
					}
					placeholder.css({
						'height': outerHeight,
						'width': outerWidth,
						'display': 'block'
					}).insertBefore(obj);
				} else if (ScrollTop >= endfix) {
					obj.addClass(opts.baseClassName).css({
						"z-index": zIndex,
						"position": "absolute",
						"top": endfix - parentOffsetTop + optsTop,
						'bottom': '',
						"left": selfLeft - parentOffsetLeft,
						"width": objWidth
					});
					placeholder.css({
						'height': outerHeight,
						'width': outerWidth,
						'display': 'block'
					}).insertBefore(obj)
				} else {
					obj.removeClass(opts.baseClassName).css({
						"z-index": originalZIndex,
						"position": "static",
						"top": "",
						"bottom": "",
						"left": ""
					});
					placeholder.remove()
				}
			}
			var Timer = 0;
			// if (isUnfixed) {
			resetScroll();
			// }
			$(window).on("scroll", function() {
				if (Timer) {
					clearTimeout(Timer);
				}
				Timer = setTimeout(onScroll, 0);
			});
			// 当发现调整屏幕大小时，重新执行代码
			$(window).on("resize", function() {
				if (Timer) {
					clearTimeout(Timer);
				}
				Timer = setTimeout(function() {
					isUnfixed = false;
					resetScroll();
					onScroll();
				}, 0);
			});
		})
	}
	$.fn.scrollFix.defaultOptions = {
		startTop: null, //滑到这个位置顶部时开始浮动，默认为空
		startBottom: null, //滑到这个位置末端开始浮动，默认为空
		distanceTop: 0, //固定在顶部的高度
		endPos: 0, //停靠在底部的位置，可以为jquery对象
		bottom: -1, //底部位置
		zIndex: 0, //z-index值
		baseClassName: 'scrollfixed' //开始固定时添加的类
	};
})(jQuery);
Author	SHA1 Message	Date
jack	4ac0687764 个人资源换接口	7 years ago
xuchunyang	ac19c87f50 修改文章	7 years ago
xuchunyang	3a4a6235a5 修改资源链接	7 years ago
xuchunyang	b6869e6276 修改文章链接	7 years ago
luyanan	4fa13f251b 用户头像形状改为圆的	7 years ago
luyanan	70efc5c3e9 修改判断标识以及专家头像与企业logo的区别	7 years ago
jack	d111473bb8 bug修改	7 years ago
luyanan	20be91368c 成功时，更换弹出显示的成功图片	7 years ago
luyanan	7ee4f5c12a 信息展示页面资源与文章轮播问题	7 years ago
jack	f051291bae 浏览页面	7 years ago
jack	e79e064051 点击机构浏览	7 years ago
jack	adda8492d5 个人浏览页面点击机构进入机构浏览页面	7 years ago
xuchunyang	067f734cda 修改登录转态	7 years ago
luyanan	0526b16ffe 修改不同身份需求跳转页面bug	7 years ago
jack	f400f22b60 资源及评价显示隐藏	7 years ago
xuchunyang	bd84a6b678 用户实名验证后图标显示	7 years ago
jack	7726a41a4c 点赞模块显示	7 years ago
luyanan	024228e3bd 关闭弹窗时底部导航栏跳起的问题	7 years ago
xuchunyang	ed31ad92e4 底部定位问题	7 years ago
jack	7684a4aee8 Merge branch 'dev' of http://121.42.53.174:3000/jiapeng/portal-front.git into dev	7 years ago
jack	b382abe2d2 3333	7 years ago
luyanan	b10bb2f328 完善文章详情页面和专家浏览页面滚动监听事件	7 years ago
jack	5b8d3911a2 修正专家浏览页面没有登录情况下科研文章及资源没有出现的问题	7 years ago
luyanan	b55038b348 专家信息浏览与修改的菜单导航定位	7 years ago
jack	4c5aa58647 个人简介及研究方向跳动bug解决	7 years ago
jack	fd74810860 资源及文章根据身份权限，及个人修改文章进入工作台	7 years ago
jack	b870c8b79d 学术领域点赞列表	7 years ago
jack	02adb7d7f7 点击文章进入文章详情页面	7 years ago
xuchunyang	ef20984195 判断了下，自己不能关注自己的问题	7 years ago
luyanan	8f28278a18 科研文章显示浏览【专家浏览】、【我的工作台】、【科研文章】	7 years ago
jack	ccbe753364 文章详情及专家浏览页面添加科研文章	7 years ago
xuchunyang	4f94b047af 用户权限修改个人预览页面，个人修改页面，工作台，新增我的关注功能	7 years ago
luyanan	8fd24b162f 研究方向点击查看详情	7 years ago
jack	e5a09d9c66 资源及专家登录	7 years ago
luyanan	1d2ed04e8b 更换默认头像图片（带不带？）	7 years ago
jack	761b1ac2c4 【火狐浏览器】在浏览专家信息里点[专家信息导航条]右侧没有滚动至相应位置解决	7 years ago
jack	c7241dd886 专家浏览页面的资源点击进入资源详情页面	7 years ago
jack	9a794c129d 资源详情及专家浏览页标志样式	7 years ago
luyanan	0aa779689d 专家信息浏览页面底部咨询专家标识	8 years ago
luyanan	0054f738af 资源图片压缩变形问题	8 years ago
luyanan	ce66aec30c 解决资源图片变形问题	8 years ago
jack	b083d65e60 搜索列表中，若为本人或本人发布的资源，则隐藏咨询按钮，点击进入后隐藏点赞按钮、咨询按钮。	8 years ago
jiapeng	c5d9752792 --init	8 years ago