1. css自定义滚动条样式
1/8首先我们的html里，添加好导航内容。
2/8后面的就是网页的具体内容了，这里的代码简单一些。
3/8样式里，我们先定义一些菜单里的样式。
4/8这时运行页面时，在滚动条滚动下去后，导航是会消失不见的。
5/8为了让导航栏固定在顶部，我们可以在导航容器里添加样式position: fixed;top: 0; 关键是第一个样式，让它的位置固定起来。
6/8这时运行页面，页面滚动起来，导航也始终在顶部的。
7/8另外需要修改的地方是导航后面的页面内容，需要添加一个margin-top的样式，margin的高度就是导航的高度，或大一点，这主要是让其内容正常显示，而不会被改成position为fixed的导航遮盖住。
8/8添加margin后，导航后面的内容才能正常显示出来。
2. css设置滚动条样式
1.
设置背景 将页面背景设置为图片填充,选中图片并剪切,在设置背景格式中选择图片或纹理填充,最后点击插入图片来自剪贴板即可。
2.
插入文本框 在页面中插入 4 个文本框,纵向随机的输入一些数字,并将文本框错位摆放
3.
添加动画 分别对四个文本框添加直线路径动画: 到这一步,数值滚动的大致效果就已经完成了:
4.
色块遮挡 接着,我们要做的就是,使用色块盖住不需要展示的数字。 由于色块和背景不融合,页面看起来还很突兀!
3. 设置div滚动条样式
div 加滚动条的两种方法：
一、
<div overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>
记住宽和高一定要设置噢，否则不成的
这样比较好的是，在宽和高不超出时，只是一条线
三、说明
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：
<div >
</div>
如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
4. css设置滚动条
overflow内容溢出时的设置（设定被设定对象是否显示滚动条）
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
5. css设置div滚动条样式
div 加滚动条的两种方法：一、
记住宽和高一定要设置噢，否则不成的这样比较好的是，在宽和高不超出时，只是一条线三、说明直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：如果要出现水平滚动条，则： overflow-x:auto同理，垂直滚动条为： overflow-y:auto如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
6. css如何设置滚动条
1、打开dw，新建一个html页面，进入html页面编辑。
2、在代码的body中间编写一个div层。
3、将这个新建好的html页面跟编写好的div利用快捷键“ctrl+s”另保存到知道的目录下。
4、点击dw的文件按钮，在弹出的下拉框中，选择“新建”。
5、在新建的窗口中，找到“css”这一栏，点击“css”新建一个css样式。
6、写样式用".pingmu{}"开始写，给它固定宽高，再添加背景色，让div自适应宽高，超过部分显示滚动条。
7、将这个css样式保存到同级目录下，如ceshi.html在c盘，css样式也保存在c盘。
8、保存好样式后，双击这个ceshi.html页面，用浏览器打开后看到100像素宽高的黑块。
7. css滚动条属性
css属性 overflow-y:auto; DIV里面的内容超过DIV的高度，右边就会自动出现滚动条1、用一个div，定制成图中的宽度和高度2、然后再把div的样式设成overflow-y:scroll，当div里的文字超出那个高度的时候，滚动条就出来了。例如：<div ><img src="" ></div>
8. css滚动条样式修改
打开Dreamweaver ，新建HTML。
2.选择插入，标签。
3.选择HTML标签，拉动滚动条选择marquee插入。
4.点一下插入后，点关闭。
5.在两对<marque><marquee>之间打上要输入的文字
6.Ctrl+S保存，F12预览。
7.设置文字滚动的方向。
8.在代码第一个<marque>，e得后面敲空格，选择direction双击。
9.接下来设置滚动速度。在“up”后在敲空格，选择scrolldelay
9. css3滚动条样式
啊 必须用css吗 用js怎么样？js的话简单讲就是实现三个事件1 默认滚动 可以用setinterval函数实现2 鼠标经过时停止滚动 可以在hover事件中用cleartimeout函数3 点击时跳转 将每张图片都放入一个a标签内就好。另外github上有些这方面的插件，楼主有需要的话可以去看看。
10. js设置滚动条样式
js的左右上下滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标。 touchstart在触摸开始时触发事件 touchend在触摸结束时触发事件 touchmove这个事件比较奇怪，按道理在触摸到过程中不断激发这个事件才对，但是在部分设备中，在 touchstart 激发后激发一次，然后剩余的都和 touchend 差不多同时激发。 这三个事件都都有一个 timeStamp 的属性，查看 timeStamp 属性，可以看到顺序是 touchstart -> touchmove ->touchmove -> … -> touchmove ->touchend。 下面是一段代码实例： document.getElementsByTagName('body')[0].addEventListener('touchstart', function (e) { nStartY = e.targetTouches[0].pageY; nStartX = e.targetTouches[0].pageX; });document.getElementsByTagName('body')[0].addEventListener('touchend', function (e) { nChangY = e.changedTouches[0].pageY; nChangX = e.changedTouches[0].pageX;PS:
1.touch事件跟click事件是不会被同时触发的。现在的移动设备做的比较好，已经把这个问题完美的避免掉了。
2.注意触摸的开始和结束位置的位移大小。如果位移小过小应该不做任何动作。
