custom scrollbar

1 style>2 . Item{3 Height:180px;4 Overflow:Auto;5 width:180px;6 float: Left;7 margin:11px;8 Box-shadow:0 0 7px rgba (0, 0, 0, 0.32);9 Border-radius:6px;Ten padding:10px; One } A - . Item-body{ - Height:500px; the } - - . S1::-webkit-scrollbar{ - Height:4px; + width:4px - } + A . S1::-webkit-scrollbar-thumb{ at background:Rgba (0,0,0,.26) - } - - style> - Di

Background: In recent projects because of the unified page style, the use of a custom scroll bar, before the completion of the scroll bar, the same way as the online scroll bar plug-in implementation of the method, equivalent to build a wheel, through the CSS3The online scroll bar plug-in is mostly through the monitoring of the content of the scrolling event, due to the original JS scrolling event There are some bugs, so in fact, with jquery mousewhee

For implementing a custom scroll wheel, you first need to understand the entire layout:1.1. The Levels to display and2. The relationship that needs to be scrolled level:TheLevel 1 has an overflow hidden property that is intended to hideMore than 2 levels out of the section.2--due to theLevel 1OfUnder the packageLevel 2 overflow hidden part can be controlled byThe scrolltop of Level 1 is scrolled.2, the position of the scroll bar:If you're behind the c

Transferred from: http://www.yiyifly.com/blog/下面是代码:html {overflow: auto;}body {position: absolute;top: 0;left: 0;bottom: 0;right: 0;overflow-y: scroll;overflow-x: hidden;}/* scroll bar Width */::-webkit-scrollbar {width:8px;}/* Track Style */::-webkit-scrollbar-track {}/* Handle Style */::-webkit-scrollbar-thumb {border-radius:10px;Background:rgba (0,0,0,0.2);}/

Proprietary properties of IE: The code is as follows Copy Code Scrollbar-arrow-color:color; /* Triangle Arrow Color *Scrollbar-face-color:color; /* The color of the three-dimensional scroll bar (including the background color of the arrow section) * *Scrollbar-3dlight-color:color; * * The color of the solid scroll bar bright EdgeScrol

){ VaR EV = EV | event; VaR DISY = eV. clienty-This. offsettop; Document. onmousemove = function (EV ){ VaR EV = EV | event; T = eV. clienty-DISY; Fnscroll (); }; Document. onmouseup = function (){ Document. onmouseup = Document. onmousemove = NULL; }; Return false; }; Listwrap. onmousewheel = mousescroll; If (listwrap. addeventlistener ){ Listwrap. addeventlistener ('dommousescroll', mousescroll, false ); } Function mousescroll (EV ){

1,   2. untitled document   3.

From. NET Compact Framework 2.0, form has a new bool type property, which is used to determine whether to automatically add a scroll to form for scrolling when the control is out of the customer zone. However, we recently encountered the use of this

1. Drag the cscrollbar control in the dialog box and modify the ID,2. Add the following code to the initdialog function of the dialog box to complete cscrollbar initialization.Cscrollbar * pscrollbar = (cscrollbar *) getdlgitem

[Abstract] When we create a table, sometimes the data is too long, the number of columns is too large, and horizontal or vertical scroll bars are required, we generally add a scroll_auto Div to the outer layer of the table and set it: /* CSS

Today, we used the WPF DataGrid and found a slightly hidden problem.     Http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/5cc4f719-8b16-440b-ada9-657564f0097b/ In my try. DataGrid's parent container and super-parent containers must be

The recent project needs, so simply wrote a judge the scroll bar bottom plug-in code, welcome to shoot Brick Exchange!The code is as follows://scroll bar Scroll to the bottom of the--by Xqs(function($) {$.fn.scrollbot=function(OPT, callback)