类似百度百科右侧的js效果怎么做

 我来答
maxzhang123
2013-12-31 · TA获得超过1424个赞
知道小有建树答主
回答量:181
采纳率:0%
帮助的人:218万
展开全部

使用scroll事件监听,计算滚动位置,下面是思路,不一定运行正确,有什么问题可以再交流,


假设页面上有有几个内容块:

<div id="content1">
  <h3>家庭情况</h3>
  <div>...</div>
</div>
<div id="content2">
  <h3>人物评价</h3>
  <div>...</div>
</div>
<div id="content3">
  <h3>作品</h3>
  <div>...</div>
</div>


控制逻辑:

var content1 = document.getElementById('content1');
var content2 = document.getElementById('content2');
var content3 = document.getElementById('content3');
window.addEventListener('scroll', function() {
  // 拿到滚动位置
  var scrollY = window.pageYOffset || window.scrollY || document.documentElement.scrollTop;
  // 计算悬浮层高亮
  if (content3.getBoundingClientRect().top > scrollY) {
    // 改变右侧悬浮层高亮content3标题
  } else if (content2.getBoundingClientRect().top > scrollY) {
    // 改变右侧悬浮层高亮content2标题
  } else if (content1.getBoundingClientRect().top > scrollY) {
    // 改变右侧悬浮层高亮content1标题
  }
}, false);
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
还你云淡风清
2014-01-12
知道答主
回答量:42
采纳率:0%
帮助的人:9.8万
展开全部
作品想上百度百科的话有两种,一是在你个人百科里面添加,二是在和你作品一样的类别里面添加,但是在重新编辑百科的过程中可能不一定会通过,建议你找“戈壁网络传媒”,他们是专业百度百科推荐团队,目前可以帮助企业、公司、个人创建、修改、删除、编辑、添加百科资料和信息。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式