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

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-04-19   浏览次数:

外贸企业做网站SEO优化有什么好处?

外贸企业做网站SEO优化有什么好处? 首要,咱们先了解国外独立...

日期:2021-03-16   浏览次数:

网站SEO优化如何选择好的域名?

1.有利于SEO优化的域名不要包括 - -不方便用户输入。其他的域名...

日期:2021-03-16   浏览次数:

新网站刚上线优化该如何做?

一个网站刚上线有很多事情要处理,比如死链接的检测,网站速...

日期:2021-03-15   浏览次数:

网站SEO优化人员必须掌握的5大刚要

网站SEO优化看起来很很简单,很多人都以为只是发发文章,发发...

日期:2021-03-15   浏览次数:

扬州SEO优化具体要求怎么做?

扬州SEO优化具体要求怎么做? 这是老生常谈的问题了,其实做扬...

日期:2021-03-12   浏览次数: