仿csdn官网的左侧新闻导航，层级99的那个，没找到js函数在哪里，自

「已注销」 2019-11-30 02:40:27

仿csdn官网的左侧新闻导航，层级99的那个，没找到js函数在哪里，自己没找到，最近在做一个相关功能的网站，知道原理但是测试好多次都不行，top绝对定位一旦浏览器窗口大小改变直接就变形，通过百分比也不行，想通过相邻div的距离计算却发现相邻div不管屏幕咋变，得到的距离一样，如图：

<br/>
html代码：

		<div class="qy-6">

			<div class="qy-6-1" id="qy61div">

				<li class="qy-6-1-1">分类列表</li>

				<li>推荐</li>

				<li>动态</li>

				<li>网</li>

				<li>000</li>

				<li>111</li>

				<li>222</li>

				<li>333</li>

				<li>444</li>

				<li>555</li>

				<li>666</li>

				<li>其他</li>

			</div>

			<div class="qy-6-2" id="qy62div">

				<div>

					<h2>  <a href="#">11111111111111111111111</a></h2>

					<h3>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</h3>

					<h4>

						<span>   编辑：小蚯蚓</span>

						<span>   浏览量：105</span>

						<span>   打赏：1825.01</span>

					</h4>

				</div>

				<div>

					<h2>  <a href="#">11111111111111111111111</a></h2>

					<h3>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</h3>

					<h4>

						<span>   编辑：小蚯蚓</span>

						<span>   浏览量：105</span>

						<span>   打赏：1825.01</span>

					</h4>

				</div>

			</div>

			<div class="qy-6-3" id="qy63div">

				<li>科技前沿</li>

				<div class="qy-6-3-4">

					<img src="image/anyu.png" alt="这是一张关于XX的广告图片" />

					<img src="image/anyu.png" alt="这是一张关于XX的广告图片" />

					<img src="image/anyu.png" alt="这是一张关于XX的广告图片" />

					<img src="image/anyu.png" alt="这是一张关于XX的广告图片" />

					<img src="image/anyu.png" alt="这是一张关于XX的广告图片" />

				</div>

				<hr style="border:1px dotted #fff;width:100%"/>

				<div class="qy-6-3-1">

					<p><img src="image/avar.png" alt="官方微信"/>官方微信</p>

					<p><img src="image/avar.png" alt="官方QQ群"/>官方QQ群</p>

				</div>

				<hr/>

				<div class="qy-6-3-2">

					<p>QQ：<a href="#">8888888</a></p>

					<p>微信：<a href="#">8888888</a></p>

					<p>邮箱：<a href="#">8888888</a></p>

					<p>TEL：<a href="#">8888888</a></p>

					<p>工作时间：08:00-20:00</p>

				</div>

				<hr/>

				<div class="qy-6-3-3">

					<b><a href="#">关于我们</a></b>

					<b><a href="#">商务合作</a></b>

					<b><a href="#">申请链接</a></b>

					<b><a href="#">网站地图</a></b>

				</div>

				<li>站长直达</li>

				<li>返回顶层</li>

			</div>

		</div>

css代码：

.qy-6 {display:flex;justify-content:center;margin: 0 auto}

JS代码：

function setqy61(){

			iix=document.body.scrollTop;

			ii = document.getElementById("qy63div").offsetTop;

			if(iix>=ii){

				var iiwh=document.getElementById("qy62div").clientWidth;

				console.log(iiwh);

				document.getElementById("qy61div").style = "z-index:10;position:fixed;top:0px;";

				document.getElementById("qy62div").style = "margin-left:125px";

			}else{

				document.getElementById("qy61div").style = "";

				document.getElementById("qy62div").style = "";

			}

		}

...全文