scroll up down jquery example

jquery Get scroll bar height Get the height of the browser display area: $ (window). Height (); Get the width of the browser display area: $ (window). width ();To get the document height of a page:$ (document). Height ();Gets the document width of the page: $ (document). width (); Gets the vertical height of the scroll bar to the top: $ (document). ScrollTo

Nicescroll is the jq plug-in for creating custom scroll bars. Supports div, iframe, html, and so on using the following: [javascript] lt; scriptsrc quot; js/jquery. nicescroll/jquery. nicescroll. js quot; type quot; text/javascript quot; gt Nicescroll is the jq plug-in for creating custom scroll bars. Supports di

Share a page parallax scroll switch jquery. localscroll plug-in, jqueryscroll Today, we will share with you a jquery. localscroll plug-in for page parallax scrolling. Scroll the mouse animation bar to see the switch Effect on the next page. This plug-in is applicable to browsers such as IE8, 360, FireFox, Chrome, Safar

= "#section1"rel= "External nofollow"class= "Current">Section1a> ahref= "#section2"rel= "External nofollow">Section2a> ahref= "#section3"rel= "External nofollow">Section3a> ahref= "#section4"rel= "External nofollow">Section4a> ahref= "#section5"rel= "External nofollow">Section5a> nav> Div> Scripttype= "Text/javascript"> $(function() { var$navs= $('nav a'), //Navigation$sections= $('. section'), //Module$window=$ (window), Navleng

+data.pad.top}). CSS ("Position", "absolute"); if(Options.activeclass) {$ This. addclass (Options.activeclass);} } Else { $ This. css ({position: "", Top: "", Left: "") }); if(Options.activeclass) {$ This. Removeclass (Options.activeclass);} }} elements=Elmts; }; varUpdate =function() {recalculatelimits (); Onscroll ();}; This. each (function () { var$ This= $( This), Data= $( This). Data (' Pin ') | | {}; if(Data data.update) {return; } Elements.push ($ T

Add $(function () { if($ ("meta[name=totop]"). attr ("content") = = "true") { $("); $("#toTop"). css ({width:' 50px ', Height:' 50px ', bottom:' 10px ', right:' 15px ', Position:' Fixed ', cursor:' Pointer ', ZIndex:' 999999 ' }); if($( This). scrolltop () = = 0) { $("#toTop"). Hide (); } $ (window). Scroll (function(event) {/*Act on the event*/ if($( This). scrolltop () = = 0) { $("#toTop"). Hide (); } if($(

This article mainly introduces the image click-and-scroll effect implemented by jquery. For more information, see Add a jquery file. The Code is as follows:

varBody_ =$ (window); varIndexpage = 2; varPageCount = ; var_ajaxrequest =true; Body_.scroll (function () { varVIEWH = $ ( This). Height (),//Visible HeightContenth = $ (document). Height (),//Content HeightScrollTop = $ ( This). ScrollTop ();//scrolling Height var_bottomdist = CONTENTH-VIEWH-scrolltop; if(_ajaxrequest _bottomdist PageCount) {_ajaxrequest=false; $.ajax ({type:' POST ', URL:' url?page= ' + indexpage, Data

Click the left and right buttons to scroll the image horizontally. jquery will scroll four times at a time. After the image is finished, it will automatically return to the first layout: As follows: [Html]

Click the left and right buttons to scroll the image horizontally. jquery will scroll four times at a time. After the image is finished, it will automatically return to the first layout:As follows::Copy codeThe Code is as follows:

Part of the shopping site with this function to put shopping cart or commodity classification navigation, so that the product page is very long, the sidebar can always be fixed to play its due role, and some sites with this feature to the sidebar ads. jquery Code: Copy Code code as follows: var Rollset = $ (' #Roll ')//Check object, #sidebar-tab is the ID to be fixed with the scroll bar, can be ch

To set the way in which the scroll bars are automatically rolled when the page loads: Jquery: Copy Code code as follows: $ (function () { var h = $ (document). Height ()-$ (window). Height (); $ (document). ScrollTop (h); }); Javascript: Copy Code code as follows: Window.onload = function () { var h = document.documentElement.scrollHeight | | Document.body.scrollHeight; Wi

(function () {// fill the lower part with the upper content $ ("# bottom" ).html ($ ("# top" ).html ()); // bind a mouse event to the displayed area $ ("# content "). bind ("mouseover", function () {StopScroll () ;}); $ ("# content "). bind ("mouseout", function () {StartScroll () ;}); // start the timer and start the rolling function StartScroll () {objInterval = setInterval ("verticalloop ()", interval);} // clear the timer and stop the rolling function StopScroll () {window. clearInterval (o

　 "/>//Small picture display area　　　Front-end jquery Implementation Click on the picture to pop the large layer (and scroll the mouse wheel picture zoom)

The following small make up will bring you a DIV rolling with the scroll bar to implement the Code [recommended ]. I think it is quite good. Now I will share it with you and give you a reference. Let's take a look at the small editor. I remember it was troublesome to write such code before. Now JQuery is much simpler, just a few lines of code!

Please look at the bottom of the pageCSS jquery Implementation div Bottom fixed, not with scroll bar move

Jquery controls the effect of div scrolling with the scroll bar, jquerydiv

Onloadsuccess:function (data) {Center of table Header$ (". Datagrid-htable TD Div"). css ({"Text-align": "Center"});$ ('. Datagrid-header-row TD '). Unbind (' ContextMenu ')//Cancel table header right-click function$ (this). DataGrid (' clearselections ');//Cancel All selected items$ (this). DataGrid (' Unselectall ');//Deselect Select All button to select all StatesInsert a blank line valueif (Data.total = = 0) {$ (this). DataGrid (' InsertRow ', {Row: {}});$ ("tr[datagrid-row-index= ' 0 ']").

alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding marginalert($(window).width()); //浏览器时下窗口可视区域宽度alert($(document).width());//浏览器时下窗口文档对于象宽度alert($(document.body).width());//浏览器时下窗口文档body的高度alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding marginalert($(document).scrollTop()); //获取滚动条到顶部的垂直高度alert($(docume

It's convenient to use it later. Introducing CSS files into class= "Mscroll"> where to put the content Ah ah ah, here what to put content ah ah ah ah, here to put the content Ah ah ah ah ... div>jquery scroll bar plug-ins can be customized