用javascript实现固定侧边栏的简易实例
发布时间：2022-04-20 09:39:25 所属栏目：语言 来源：互联网
导读：我们在浏览网站时，经常会看到网站页面的侧边栏随着网站页面滑动而滚动，当滑动到banner部分，侧边栏就不在固定不动，而且还会有放回顶部的提示，那么这是如何实现呢？侧边栏也是前端开发比较经常遇到的需求，这篇文章就介绍如何用javascript实现一个简单固
|
我们在浏览网站时，经常会看到网站页面的侧边栏随着网站页面滑动而滚动，当滑动到banner部分，侧边栏就不在固定不动，而且还会有放回顶部的提示，那么这是如何实现呢？侧边栏也是前端开发比较经常遇到的需求，这篇文章就介绍如何用javascript实现一个简单固定侧边栏。 **代码如下** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .cm{ position: absolute; top: 300px; margin-left: 1150px; width: 60px; height: 130px; background-color: pink; } .w{ margin: 10px auto; width: 80%; } .head{ height: 200px; background-color: blue; if (window.pageYOffset>maintop){ goback.style.display='block' }else { goback.style.display='none' （编辑：济南站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
