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

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
最新新闻

深圳网站推广哪家做的比较好?

当今时代,是互联网的时代, 网站推广 已经成为业务渠道的主...

日期:2020-11-24   浏览次数:

深圳网站设计公司哪家好?

深圳网站设计公司哪家好?深圳企创互联信息技术有限公司拥有...

日期:2020-11-23   浏览次数:

tp5关联删除怎么操作?

TP5是国内主流的开发框架,很多中小型企业都用thinkphp,今天我们...

日期:2020-11-21   浏览次数:

深圳宝安做网站如何选择公司?

年底了,很多企业都想在年底之前把网站做好以利于明年网站的...

日期:2020-11-20   浏览次数:

ThinkPhp如何部署到虚拟主机上?

近用空闲时间写了个个人博客项目。 由于是个人博客,目的就是...

日期:2020-11-18   浏览次数:

深圳宝安的企业为做网站推广的重要性

1、问:深圳宝安的企业为什么要做网站推广? 答:企业网站做...

日期:2020-11-17   浏览次数: