html { _overflow-x:auto; _overflow-y:hidden;} /*用来隐藏html的滚动条*/ body { _margin:0; /* 必须 */ _height:100%; /* 必须 */ _overflow-y:auto;/* 必须 */ } 在属性前面加个_ 如果是IE6，就执行这个，否则就不行了

　　CSS无法控制滚动条的样式。这里推荐几块滚动条美化的插件给你。　　1. Windows：全屏窗口滚动插件　　该插件可以很好地实现全屏滚动，每滚动一次即为一屏。比如，用户浏览下一屏幕内容时，只需手动滚动到某一位置，该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的内容时比较实用。　　2. Jquery Scroll Follow：滚动跟随插件　　该插件可以使DOM对象随着页面的滚动而移动。你可以设置滚动的速度、偏移等参数。　　3. 列表滚动插件　　该插件可以为任意列表添加上滚动效果。你可以自定义列表的滚动方向和滚动速度。　　4. Sly：灵活的基于ITEM的滚动插件　　SLY提供了很多基于项目（如图像/内容画廊）的滚动选项，支持水平和垂直方向的无限滚动。5. Coverscroll　　仿苹果的CoverFlow设计，支持滚动条、鼠标滚轮和手势来滚动查看。6. Sticky　该插件可以让你的页面中的任何元素在滚动过程中始终可见7. Tiny Scrollbar：一个轻量级的JQUERY插件8. Sticky Float：另一个滚动跟随插件9. Page Scroller：漂亮实用的滚动导航10. Custom Srollbar：自定义内容滚动条插件11. Scroll Up：一个轻量级的滚动到顶部插件

你可以F12，审查元素，你那个对话框需要滚动条的地方，然后依次设置可能出现滚动条的地方，然后再回写过去就可以了。一般就是设置样式就可以了，如果是代码改变了样式，你照样可以代码改过来

查看其他属性及参数设置happy-scrollswift

网站导航

//html《body》《div style=“background:#003366;height:500px;“》空div《/div》《div class=“purple“ style=“height:500px;width:200px;background:purple“》《div class=“nb“ style=“height:100px;width:100px;background:#9966FF“》移动到顶部固定不变《/div》《/div》《div class=“red“ style=“background:#ff0000;height:1500px;“》空div《/div》《div style=“background:#ccc;height:1500px;“》空div《/div》《div class=“nb2“ style=“height:100px;width:100px;background:gray;“》移动到底部固定不变《/div》《/body》//js$(function(){//获取要定位元素距离浏览器顶部的距离var navH = $(“.nb“).offset().top;var navH2 = $(“.nb2“).offset().top;var Pur= $(“.purple“).offset().top; //紫色块var Red= $(“.red“).offset().top; //红色块//滚动条事件$(window).scroll(function(){//获取滚动条的滑动距离var scroH = $(this).scrollTop();//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定if(scroH》=navH){$(“.nb“).css({“position“:“fixed“,“top“:0});}else if(scroH《navH){$(“.nb“).css({“position“:“static“});}if(scroH 《= navH2){$(“.nb2“).css({“position“:“fixed“,“bottom“:“15px“,“right“:“15px“});}else if(scroH《navH){$(“.nb2“).css({“position“:“static“});}if(scroH 》= Pur && scroH 《= Red){$(“.nb“).css({“position“:“static“}); //在紫色块的时候不固定$(“.nb2“).css({“position“:“static“}); //在紫色块的时候不固定}})})

链接： jquery的niceScroll没显示滚动条 - 小白&小菜 - 博客园

        本地数据使用niceScroll插件没有出现上述问题，首次进入页面可以正常显示出来。但是当使用滚动条的标签有ajax请求的数据填充时，就会出现页面刷新后不显示滚动条，必须将页面缩放才能正常展示。

            将$(selector).niceScroll()放在ajax返回成功的函数里，即在ajax完成时填充数据完成后，在给标签绑定滚动条。

            为使用户体验好，可以在ajax数据填充后延时1s再绑定滚动条。

$.ajax({

        type: ’GET’,

        .........

        success: function(data){

                        data数据逻辑处理...

                        $(document).ready(function(){

                                    setTimeout(function(){   $(selector).niceScroll();  } ,1000);

                          });

        }

});

最近在开发Vue项目时，需要实现一个页面的局部滚动条功能。以前实现此类功能都是使用的iframe原生的滚动条功能，保证内容只在div块内滚动，别的地方不影响。据尝试，发现Iview等组件库都没有符合这种情况的组件，于是查找了其他组件，最终选用了vue-scroll插件。

vuescroll 是一个基于 vue.js 2.X 虚拟滚动条， 它支持定制滚动条的样式，检测内容尺寸变化、能够使内容分页、支持上拉-刷新，下推加载等诸多特性。

(1)拥有原生滚动条的滚动行为(2)可以定制滚动条的样式(包括颜色、尺寸、位置、透明度、是否保持显示等)(3)在模式之间自由切换(4)能够通过设置滚动动画来平滑地滚动(5)拉取刷新和推动加载(6)支持分页模式(每次滑动整个页面)(7)支持快照模式(每次滑动滚动一个用户定义的距离)(8)可以检测内容尺寸发生变化

在components中再注册一下

这两种引入方式都可以，引入后用vuescroll包裹需要滚动的部分

在data中写明需要修改的配置项

有时为了保持页面风格的统一，我们需要修改滚动条的样式。虽然我们可以通过 CSS 设置滚动条各部分的颜色样式，但这种方式不支持老版本的浏览器。而且不同的浏览器下，CSS 滚动条属性的写法也不一样，如果各个浏览器都需要兼容（特别是移动设备的浏览器），那就十分麻烦了。

这里推荐一个十分好用的滚动条插件：Nicescroll

NiceScroll 是一款完全基于 jQuery 框架的滚动条插件，它不仅有着类似 iOS 系统设备的滚动条外观，而且还支持任意的 《div》、《ifra

寒假教师培训用插件拉滚动条会被发现吗寒假教师培训用插件拉滚动条会被发现吗一般来说，插件是不会被发现的，但是如果使用的插件有明显的滚动条，那么可能会被发现。