文章模块分享nav浮动问题

articalInfo.html

@@ -74,29 +74,28 @@
					<div id="main_content" class="main_content">
								
					</div>
					<!--分享操作栏-->
					<div class="share-nav">
						<div class="clearfix">		
							<a class="proinfor floatL" href="information-brow.html" style="display:block;width:64%;">
								<div class="headblock floatL" style="width:40px"><img id="proHead" class="headimg headRadius" src="../images/default-photo.jpg" width="100%"></div>
								<div class="listtit2 floatL"><span style="margin-right:10px;color: #ff9900;" id="proName"></span><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
							</a>
							<div class="navOperate floatR">
								<span class="wrapicon upTop"></span>
							</div>
							<div class="navOperate floatR">
								<span class="shareBtn shareWeixin">分享至微信
									<div class="shareCode">
										<div id="qrcode"></div>
									</div>
								</span>
							</div>
							<div class="navOperate floatR">
								<span class="wrapicon wordHave"></span><span class="message" style="position:relative;top:-7px;left:2px;">24</span>
							</div>
				</div>
				<!--分享操作栏-->
				<div class="share-nav">
					<div class="clearfix">		
						<a class="proinfor floatL" href="information-brow.html" style="display:block;width:64%;">
							<div class="headblock floatL" style="width:40px"><img id="proHead" class="headimg headRadius" src="../images/default-photo.jpg" width="100%"></div>
							<div class="listtit2 floatL"><span style="margin-right:10px;color: #ff9900;" id="proName"></span><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
						</a>
						<div class="navOperate floatR">
							<span class="wrapicon upTop"></span>
						</div>
						<div class="navOperate floatR">
							<span class="shareBtn shareWeixin">分享至微信
								<div class="shareCode">
									<div id="qrcode"></div>
								</div>
							</span>
						</div>
						<div class="navOperate floatR">
							<span class="wrapicon wordHave"></span><span class="message" style="position:relative;top:-7px;left:2px;">24</span>
						</div>
					</div>
					
				</div>
			</div>
			<div class="resBottom" id="modelScroll">

css/index.css

@@ -511,10 +511,11 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
.commentList li{padding:20px 10px;border-bottom:1px dashed #dadada;}
.commentList li:last-child{border-bottom:1px dashed transparent;}
.commentsArea .goMsgbox{padding:20px 10px;width: 100%;}
.commentsArea .goMsgbox .frmbtn:focus{border:1px solid transparent;}
.commentsArea textarea{  
 	-webkit-user-select: none;
    background-color: #fafafa;
    color: #b6cad9;
    color: #55636D;
 	outline: none;
    -webkit-appearance: none;
    padding: .2rem;
@@ -528,3 +529,4 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
    }
.commentsArea .msgContbox{width:90%;}
.commentsArea .msgCont{ min-height:160px;width: 100%;padding:4px 6px;margin-left:10px}

js/articalInfo.js

@@ -142,6 +142,53 @@ $(document).ready(function() {
						}
					}
				}
				//留言分享操作栏
//				var containerH=$("#container").height();
//				var resTop=$(".resTop").height();
//				var mainH=$('#main_content').height();
//				$(document).scroll(function(){
//					var top=$(document).scrollTop();
//					console.log(containerH-resTop-80);
//					console.log(top);
//					console.log(mainH);
//					if (top <= containerH-resTop-80 && top> mainH) {
//						$('.share-nav').addClass('fixed');
//					} else{
//						$('.share-nav').removeClass('fixed');
//					}
//				});
				
			var height=$(".resTop").height()-$(window).height();
			var mainH = $("body");
			$(window).scroll( function() { 
				console.log(height,mainH.scrollTop())
			   if(mainH.scrollTop()>=height){
			   	$('.share-nav').removeClass('fixed');
			   }
			   if(mainH.scrollTop()<height){
			   	$('.share-nav').addClass('fixed');
			   }
			} );
	
						
//						var wTop=$(window).height();
//						var resTop=$(".resTop").height();
//						var o=$(".share-nav");
//						var oHeight=o.height();
//
//						$(document).scroll(function(){
//							var aTop=$(window).scrollTop();
//							if(aTop>=oHeight && aTop<= (oHeight+wTop-400) || aTop<=oHeight && aTop>=(oHeight-resTop)){
//								var l=o.offset().top;
//								l+oHeight>aTop+wTop-resTop?o.addClass("fixed"):o.removeClass("fixed")
//								
//							}else{
//								o.removeClass("fixed")
//								
//							}
//						})
					
					
			},
			error: function() {
				return;