技术宅的结界

 找回密码
 立即注册→加入我们

QQ登录

只需一步,快速开始

搜索
热搜: 下载 VB C 实现 编写
查看: 1503|回复: 3
收起左侧

CodePen上看到的一个示例

[复制链接]

294

主题

492

帖子

6102

积分

用户组: 真·技术宅

UID
2
精华
71
威望
254 点
宅币
4534 个
贡献
213 次
宅之契约
0 份
在线时间
744 小时
注册时间
2014-1-25
发表于 2018-12-9 00:10:17 | 显示全部楼层 |阅读模式

欢迎访问技术宅的结界,请注册或者登录吧。

您需要 登录 才可以下载或查看,没有账号?立即注册→加入我们

x
本帖最后由 元始天尊 于 2018-12-9 00:52 编辑

https://codepen.io/ge1doot/pen/LkdOwj
https://codepen.io/akm2/pen/rHIsa
https://codepen.io/dissimulate/pen/KrAwx
回复

使用道具 举报

294

主题

492

帖子

6102

积分

用户组: 真·技术宅

UID
2
精华
71
威望
254 点
宅币
4534 个
贡献
213 次
宅之契约
0 份
在线时间
744 小时
注册时间
2014-1-25
 楼主| 发表于 2018-12-9 00:18:18 | 显示全部楼层
本帖最后由 元始天尊 于 2018-12-13 21:51 编辑

29

主题

335

帖子

1984

积分

用户组: 上·技术宅

UID
3808
精华
11
威望
105 点
宅币
1219 个
贡献
165 次
宅之契约
0 份
在线时间
389 小时
注册时间
2018-5-6
发表于 2018-12-9 09:55:50 | 显示全部楼层
啊,好好玩
Passion Coding!
回复

使用道具 举报

0

主题

1

帖子

13

积分

用户组: 初·技术宅

UID
7996
精华
0
威望
2 点
宅币
8 个
贡献
0 次
宅之契约
0 份
在线时间
0 小时
注册时间
2022-7-30
发表于 2022-7-30 18:02:29 | 显示全部楼层
Hide scroll bar when not needed
there is no one dedicated CSS rule to Hide scroll bar when not needed. However, this is possible with a few browser-specific CSS rules. To hide the scrollbar and keep scrolling functionality, apply the following CSS to the body (for the entire page) or a specific element.

How to Hide the Scrollbar in CSS (and Prevent Scrolling)
To hide the scrollbar and disable scrolling, we can use the CSS overflow property. This property determines what to do with content that extends beyond the boundaries of its container.
  1. /* hide scrollbar and prevent scrolling */
  2. #div-1 { overflow: hidden; }
  3. #div-2 { overflow: visible; }

  4. /* other styling */
  5. div {
  6.   border: solid 5px black;
  7.   border-radius: 5px;
  8.   height: 100px;
  9.   margin: 20px;
  10.   width: 300px;
  11. }

  12. * {
  13.   background-color: #EAF0F6;
  14.   color: #2D3E50;
  15.   font-family: 'Avenir';
  16. }
复制代码

To hide the vertical scrollbar and prevent vertical scrolling, use overflow-y: hidden like so:
  1. /* hide vertical scrollbar and prevent vertical scrolling */

  2. div {
  3.   overflow-y: hidden;  

  4.   /* other styling */
  5.   border: solid 5px black;
  6.   border-radius: 5px;
  7.   height: 300px;
  8.   width: 300px;
  9. }

  10. img { height: 500px; }

  11. /* other styling */
  12. * {
  13.   background-color: #EAF0F6;
  14.   color: #2D3E50;
  15.   font-family: 'Avenir';
  16. }
复制代码




本版积分规则

QQ|申请友链||Archiver|手机版|小黑屋|技术宅的结界 ( 滇ICP备16008837号 )|网站地图

GMT+8, 2022-8-9 15:09 , Processed in 0.037769 second(s), 29 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表