Stopping fixed position scrolling at a certain point?

by

Do you mean sort of like this?

http://jsfiddle.net/b43hj/

$(window).scroll(function(){
    $("#theFixed").css("top", Math.max(0, 250 - $(this).scrollTop()));
});


$(window).scroll(function(){
    $("#theFixed").css("top", Math.max(0, 100 - $(this).scrollTop()));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="theFixed" style="position:fixed;top:100px;background-color:red">SOMETHING</div>

<!-- random filler to allow for scrolling -->
STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>

More Related Contents:

  1. What is the simplest jQuery way to have a ‘position:fixed’ (always at top) div?
  2. Add Content to webpage using only CSS
  3. Why is my jQuery :not() selector not working in CSS?
  4. iframe to Only Show a Certain Part of the Page
  5. jQuery change class name
  6. Auto-scaling input[type=text] to width of value?
  7. jQuery: Difference between position() and offset()
  8. Bind event to right mouse click
  9. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  10. Find text string in jQuery and make it bold
  11. Add and remove a class on click using jQuery?
  12. Can I change the scroll speed using css or jQuery?
  13. css width: calc(100% -100px); alternative using jquery
  14. Number nested ordered lists in HTML
  15. Use jQuery/CSS to find the tallest of all elements [duplicate]
  16. How to make a hover effect for pseudo elements?
  17. expand/collapse table rows with JQuery
  18. Exporting PDF with jspdf not rendering CSS
  19. Get height of div with no height set in css
  20. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  21. How can I tell if a particular CSS property is inherited with jQuery?
  22. Creating a hole in a element
  23. Can an iframe only show a certain part of the page?
  24. Apply CSS to jQuery Dialog Buttons
  25. CSS issue on Twitter Typeahead with Bootstrap 3
  26. How to keep footer at the bottom even with dynamic height website
  27. Use jQuery to Detect Container Overflow?
  28. How add spaces between Slick carousel item
  29. Fading elements in and out without changing the layout of the page
  30. Custom CSS to allow chrome textarea resize smaller than initial state?

Leave a Comment