欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

固定右侧边栏滚动特效_html/css_WEB-ITnose

程序员文章站 2022-06-12 22:28:53
...

一、前言

我们都知道:浏览网页时,右(左)侧边栏的高度往往没有文章主体内容的高度高。当页面向下滑动高度超出右(左)侧边栏高度的时候,右(左)侧边栏就不可见了。

怎样让右(左)侧边栏一直部分显示呢?

解决方案:当右(左)侧边栏底部可视化时,就固定在可视化区域的底部。即当滚动的高度加上屏幕(可视化区域)高度大于右(左)侧边栏高度的时候,固定右(左)侧边栏。

二、具体实现代码

2.1 JavaScript 技术实现固定右侧边栏滚动特效

    JavaScript技术实现固定右侧边栏滚动特效

2.2 jQuery 技术实现固定右侧边栏滚动特效

    jQuery技术实现固定右侧边栏滚动特效