jquery decision Div stops with scroll bar to a certain position

Source: Internet
Author: User

  This article mainly introduces jquery decision Div with the scroll bar scroll to a certain position after the Stop method, the need for friends can refer to the following

Implementation code:   Code as follows: <script type= "Text/javascript" > var rollset = $ (' #widget ');     var offset = Rollset.offset ();     var fwidth = $ ("#footer"). Height ();     $ (window). Scroll (function () {        var scrolltop = $ (window). scrolltop ();   &nbs P     var SCROLLBTM = $ (document). Height ()-$ (window). scrolltop ()-$ ("#widget"). Height ();         if (Offset.top < scrolltop) {            if (Scrollbtm >) Fwidth) {                rollset.removeclass (' absolute '). addclass (' fixed ') &nbsp ;          } else {                Rollset.removeclass (' F Ixed '). addclass (' absolute ')            }        } else {            rollset.removeclass (' fixed ')         {   })</script>   Method Description: Subtracting the height of the scroll by the total height of the page minus the height of the layer with the ID widget is equal to the height at the bottom of the layer; When the height of the bottom is less than or equal to the height at the bottom of the specified position, remove the style fixed. Then add absolute positioning to the layer! CSS to add position:relative to the parent layer;  

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.