当前位置:企创互联 > 新闻资讯 > 网站建设 > >

js实现网站侧栏悬浮(图文详解)

发表日期:2020-10-24 09:56文章编辑:深圳网站SEO优化浏览次数:

当文章或者列表一侧过长时,不仅会导致左右两侧参齐不齐,丧失美感,还会影响网站的用户体验,那么,深圳网站建设今天就为大家讲解如何用js实现网站侧栏悬浮。

JS代码

<script language="javascript">
  <!--
  $(window).scroll(function() {
  var scrolltop = $(window).scrollTop();
  if (!$.browser.msie || $.browser.version>=7) {
  if (scrolltop >= 800) {
   
  $("#right_content").addClass("ffi").fadeIn("normal");
  } else {
  $("#right_content").removeClass("ffi");
  }
  }
  });
   
  -->
   
  </script>

#right_content为所选模块的ID ,ffi是一个悬浮的样式(如下)

.ffi {
position: fixed;
top: 30px;
_position: absolute;
overflow: hidden;
_overflow: visible;
z-index: 1000;}

效果如下:



文章为企创互联创作,转载请注明来自:http://www.szqchl.com.cn/wangzhanjianshe/67.html
最新新闻

在线做网站切勿贪图便宜,谨防上当!

在线做网站切勿贪图便宜,谨防上当! 现在的网络公司多如牛毛...

日期:2021-02-21   浏览次数:

在线做网站靠谱吗?

很多小企业或是个人都想拥有自己的一个网站用来展示公司的产...

日期:2021-02-20   浏览次数:

宜州黑帽seo

百度指数作为一个事件热度的观察工具,是最老的传播事件热度...

日期:2021-01-29   浏览次数:

深圳网站建设如何优化加载速度

网站的加载速度对于网络营销来说是相当重要的,当我们打开一...

日期:2021-01-26   浏览次数:

网站优化前为什么要选筛选好关键词?

稍微对网站有了解的或者做过阿里巴巴、盖得化工等b2b平台的,...

日期:2021-01-25   浏览次数:

深圳建设一个企业网站需要注意哪些问题?

企业网站是一个公司的门面,对于公司的平台宣传及业务的关键...

日期:2021-01-25   浏览次数: