《转》文章太长，实现滚动条控制排版

最新推荐文章于 2021-06-22 20:30:02 发布
最新推荐文章于 2021-06-22 20:30:02 发布
阅读量117 收藏
点赞数

<style type="text/css"> 
    .scroll {  
        width: 600px;                                     /*宽度*/  
        height: 200px;                                  /*高度*/  
        color: ;                                               /*颜色*/  
        font-family:黑体;                                  /*字体*/  
        padding-left: 10px;                             /*层内左边距*/  
        padding-right: 10px;                            /*层内右边距*/  
        padding-top: 10px;                              /*层内上边距*/  
        padding-bottom: 10px;                           /*层内下边距*/  
        overflow-x: scroll;                             /*横向滚动条(scroll:始终出现;auto:必要时出现;具体参考CSS
文档)*/  
        overflow-y: scroll;                             /*竖向滚动条*/  
          
        scrollbar-face-color: #D4D4D4;                  /*滚动条滑块颜色*/  
        scrollbar-hightlight-color: #ffffff;                /*滚动条3D界面的亮边颜色*/  
        scrollbar-shadow-color: #919192;                    /*滚动条3D界面的暗边颜色*/  
        scrollbar-3dlight-color: #ffffff;               /*滚动条亮边框颜色*/  
        scrollbar-arrow-color: #919192;                 /*箭头颜色*/  
        scrollbar-track-color: #ffffff;                 /*滚动条底色*/  
        scrollbar-darkshadow-color: #ffffff;                /*滚动条暗边框颜色*/  
    }  
    </style>
如图：

--------------------------------------------------------------------------------------------
 调用如下：
 <html>
    <body>  
        <div class="scroll"> 
            <!--在此添加想要显示的内容 --> 
            dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
        </div> 
    </body> 
</html>
 ================================================================

一下是简单的滚动条

<DIV style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid;  BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; SCROLLBAR-FACE-COLOR: #889b9f;  SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: auto;WIDTH: 445px; SCROLLBAR-SHADOW-COLOR: #3d5054; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da;SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 200px" align=center>
<P align=left>文字内容啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</P>
</DIV>

 

weixin_34417635
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
白色简洁线条博客模板4778_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar
08-06
CSS（层叠样式表）则用于控制页面的样式，包括颜色、字体、布局等视觉元素。JS（JavaScript）是一种脚本语言，用于增加交互性和动态功能，如表单验证、动画效果以及响应用户操作。 1. **HTML结构**：此模板可能包含...
博客：博客
02-15
8. **自定义滚动条**：通过CSS，可以改变浏览器默认的滚动条样式，使其与博客主题更加协调一致。 9. **伪类与伪元素**：如`:hover`、`:active`、`:focus`等伪类，可以为博客元素增加交互反馈；`::before`和`::after...
带滚动条的文章栏
lgs798的博客
06-22 98
带滚动条的文章栏 下面展示一些 内联代码片。 // A code block var foo = 'bar'; // An highlighted block <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
js长文章滑动
quweiie的专栏
02-02 844
 门店列表*{ padding:0; margin:0;}body{ background-color:#2c0001;}#wrap{ background:url(images/bg.jpg) no-repeat; padding:93px 34px 0 52px; width:914px; margin:0 auto; height:460px; }tabl
文章滚动条 html,jQuery 随滚动条滚动效果 （适用于内容页长文章）
weixin_34169503的博客
06-07 162
直接入题！当内容页比较长的时候，网站右侧一直是空白，不如放点有用的东西给用户看，最好不要放广告，因为那样很邪恶，你懂的。好吧，昨天写了这个东西，jQuery滚动随动区块，代码如下：//侧栏随动var rollStart = $('.feed-mail'), //滚动到此区块的时候开始随动rollOut = $('.cookie-list'); //隐藏rollStart之后的区块rollStart...
易语言-分栏打印预览易语言
06-29
1. **图形界面设计**：使用易语言的窗口程序设计模块，创建一个预览界面，包括滚动条、页码控制、缩放选项等，以便用户查看和操作。 2. **文档处理**：理解并处理文本或数据的结构，将其转化为适合分栏显示的格式。...
entertainmentnews254.github.io
02-15
- 自定义滚动条：在支持的浏览器中，可以使用 CSS 修改滚动条的样式。 - 阴影、渐变和边框：增加元素的深度感和视觉层次。 - 兼容性处理：针对不同浏览器的差异进行样式调整，确保跨浏览器一致性。 学习和理解这个...
中文文字过长，超过div框度，设置div的滚动条
xcq2yqq的博客
02-01 323
中文文字过长，超过div框度，设置div的滚动条 碰到的情况是这样的 文字超出去了，但是如果是英文就没有这样的问题 出现问题的原因： 是当文字长度超出div宽度时，会自动换行。 解决办法： 设置了overflow:auto;或者overflow-x:auto;之后 还要设置white-space:nowrap; 表示会强制文字在同一行显示， 直到遇到<br />换行标签 效果如下： 大功告成 ...
长文本单行滚动显示
Mr_Leixiansheng的博客
02-28 645
步骤： 1、写一个继承TextView的类将isFocused 的return 内容改为 true class MyTextView extends TextView { public MyTextView(Context context) { super(context); } public MyTextView(Context context,
设置当内容超出div（文字长度超出div宽度）出现滚动条
热门推荐
XCMercy
01-15 5万+
当内容超出div时，自动出现滚动条的条件 内容必须在div中 div要设置宽高 overflow设置为auto 备注 overflow:auto;当内容宽度超出div宽度，或者内容高度超出div宽度，或者同时超出，会自动出现水平、或者垂直、或者水平和垂直滚动条。 overflow-x:auto;当内容宽度超出div宽度，自动出现水平滚动条 overflow-y:auto;当内容宽度...
如何获取滚动条顶部到窗口的距离？
bx的博客
09-29 842
没有docttype声明时使用document.body.scrollTop 有docttype声明时使用document.documentElement.scrollTop
操作div滚动条
z793397795的博客
10-17 299
//监听滚动条，加载数据 $("#news_list").bind('scroll', function(){ var h1=$('#news_list').get(0).scrollHeight;//div填充内容后的实际高度 var h2=$('#news_list').height();//div的可见区域的高度 var h3=$('#news_lis...
如何在博客等文章中添加带有滚动条的文本框
weixin_30807677的博客
11-29 240
在博客中添加带滚动条的文本框能大大提高文章的可读性。 1. 以csdn博客为例 我们在csdn发布博客的时候会在编辑区看到一个源代码的工具。 注：各类博客产品是不一样的，有的可能是个复选框 2. 我们选中这个工具 3. 选中后文本框变成了一个html的编辑框 4. 我们将以下代码复制进去。如下： <div style=" color: #...
ueditor编辑器内容高度太多，出现滚动条怎么解决
luoyu6的博客
10-16 5044
ueditor编辑器，如果内容很长，默认设置的编辑器会根据内容拉长,比如输入很多回车了就变得很丑 解决办法： 在config.js文件中，修改autoHeightEnabled: false,默认是 true 改成false 即可。   对比一下：  改之前： 改之后： ...
Vue移动端滚动条监听实现及电力系统控制理论
"本文主要讨论了在Vue移动端如何实现监听滚动条高度的方法，并结合电力系统的鲁棒控制理论进行了一定的阐述。" 在Vue移动端开发中，监听滚动条高度是一项常见的需求，它通常用于实现滚动加载、悬浮元素等交互效果。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值