首页

关于

使用jQuery快速创建一个滚动悬浮的分享菜单

分享菜单目前被广泛的运动到博客或者论坛中,方便用户快速的将分享内容有效的在不同网站中分享和查阅,今天我们这里用几行简单的jQuery代码快速实现一个跟随滚动条悬浮的分享菜单,基本思路如下:

  1. 根据滚动量来计算是否开发悬浮,这里我们使用position: fixed来显示悬浮 
  2. 当滚动回原处时,将需要悬浮的对象的CSS去掉,恢复原来状态

CSS代码如下:

#floatingcontainer{   padding:0px;   margin:0px;   top: 140px;   left: 600px;   position: absolute;   width: 500px; } #floatingmenu{     line-height: 25px;     padding: 0px 25px;     margin:0px;     list-style:none;     width: 400px; } #floatingmenu li{     border-left: 2px solid #B3D754;…

标签: jQuery, 悬浮菜单, 滚动悬浮菜单, 分享菜单

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.