Bladeren bron

个人简介及研究方向跳动bug解决

jack 8 jaren geleden
bovenliggende
commit
4c5aa58647
2 gewijzigde bestanden met toevoegingen van 24 en 26 verwijderingen
  1. 15 17
      information-brow.html
  2. 9 9
      js/information.brow.js

+ 15 - 17
information-brow.html

114
							</div>
114
							</div>
115
						</div>
115
						</div>
116
						<div class="content-right">
116
						<div class="content-right">
117
							<div class="right-box introduction" style="display: none;" id="reA">
118
								<div class="right-title"><span>科研文章</span></div>
119
								<div class="infor-browse">
120
									<div class="shareabout shareabout1" style="margin: 0 30px;">
121
										<div class="sharesrcbox" style="width:642px;">
122
											<div class="sharescrollbox Acrollbox">
123
												<ul class="shareshow otherRes clearfix" id="reachArticle">
124
												
125
												</ul>
126
											</div>
127
										</div>
128
										<span class="resouprev resoubtn articalbtn"></span>
129
										<span class="resounext resoubtn articalbtn"></span>
130
									</div>
131
								</div>
117
							<div class="right-box introduction" style="display: none;" id="reA">
118
								<div class="right-title"><span>科研文章</span></div>
119
								<div class="infor-browse">
120
									<div class="shareabout shareabout1" style="margin: 0 30px;">
121
										<div class="sharesrcbox" style="width:642px;">
122
											<div class="sharescrollbox Acrollbox">
123
												<ul class="shareshow otherRes clearfix" id="reachArticle">
124
												
125
												</ul>
126
											</div>
127
										</div>
128
										<span class="resouprev resoubtn articalbtn"></span>
129
										<span class="resounext resoubtn articalbtn"></span>
130
									</div>
131
								</div>
132
							</div>
132
							</div>
133
							<div class="right-box introduction">
133
							<div class="right-box introduction">
134
								<a name="infor1"></a>
135
								<div class="right-title"><span>个人简介</span></div>
134
								<div class="right-title"><span>个人简介</span></div>
136
								<div class="infor-browse">
135
								<div class="infor-browse">
137
									<div class="editbox" id="descpS" style="width:auto; margin:0 35px;">
136
									<div class="editbox" id="descpS" style="width:auto; margin:0 35px;">
151
							</div>
150
							</div>
152
151
153
							<div class="right-box introduction">
152
							<div class="right-box introduction">
154
								<a name="infor3"></a>
155
								<div class="right-title"><span>研究方向</span> </div>
153
								<div class="right-title"><span>研究方向</span> </div>
156
								<div class="infor-browse" id="researchAreaShow">
154
								<div class="infor-browse" id="researchAreaShow">
157
155

+ 9 - 9
js/information.brow.js

692
		location.href = "search.html?searchContent=" + searchContent;
692
		location.href = "search.html?searchContent=" + searchContent;
693
	});
693
	});
694
694
695
	//专家信息点击换背景颜色
696
	$(".subsidebar").click(function() {
697
		$(".subsidebar").removeClass("subcolor");
698
		$(".subsidebar").eq($(".subsidebar").index(this)).addClass("subcolor");
699
	});
695
	
696
		
697
700
	//拿到点击的顺序,然后求出局文档的距离
698
	//拿到点击的顺序,然后求出局文档的距离
701
	$(".subsidebar").click(function() {
699
	$(".subsidebar").click(function() {
702
		var index = $(".subsidebar").index(this);
703
		var offset = $(".introduction").eq(index).offset();
704
		$("body,html").animate({
705
			scrollTop: offset.top - 80 + "px" //��body��scrollTop����pos��top����ʵ���˹��� 
700
		var index = $(this).index()-1;
701
		console.log(index)
702
		$(this).addClass("subcolor").siblings().removeClass("subcolor");
703
		var offset = $(".introduction").eq(index).offset();
704
		$("body,html").animate({
705
			scrollTop: offset.top - 80 + "px" //��body��scrollTop����pos��top����ʵ���˹��� 
706
		}, 1000);
706
		}, 1000);
707
707
708
	});
708
	});