jQuery position DIV fixed at top on scroll

by

instead of doing it like that, why not just make the flyout position:fixed, top:0; left:0; once your window has scrolled pass a certain height:

jQuery

  $(window).scroll(function(){
      if ($(this).scrollTop() > 135) {
          $('#task_flyout').addClass('fixed');
      } else {
          $('#task_flyout').removeClass('fixed');
      }
  });

css

.fixed {position:fixed; top:0; left:0;}

Example

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. Input type="text" with select functionality after clicking on Input type="text"
  3. jQuery .animate function not responding properly
  4. How to force browser to show image 3 inches wide?
  5. Reloading a single div in an html page [closed]
  6. Javascript Execute message when mouse is on left side of page [closed]
  7. fixing slider on my website [closed]
  8. Can I use HTML tags in the options for select elements? [duplicate]
  9. Clear icon inside input text
  10. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  11. make html text input field grow as I type?
  12. Creating a select box with a search option
  13. Load HTML page dynamically into div with jQuery
  14. Possible to associate label with checkbox without using “for=id”?
  15. How to define the css :hover state in a jQuery selector?
  16. jQuery: Slide left and slide right
  17. jQuery in Chrome returns “block” instead of “inline”
  18. Detect browser wrapped lines via javascript
  19. Extracting text from a contentEditable div
  20. Prevent iOS bounce without disabling scroll ability
  21. jQuery, image changing on hover [duplicate]
  22. How can I dynamically highlight strings on a web page?
  23. Rotate div text after clicking on button using jquery and css
  24. How to Bootstrap navbar static to fixed on scroll?
  25. How to use pagination on HTML tables?
  26. How to create a “show more” button and specify how many lines of text can be initially shown
  27. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  28. A way to scroll an underlying div when mouse is on top of a fixed div?
  29. How can I reorder elements with JavaScript?
  30. Can you have multiple lines in an element?

Leave a Comment