fixed-positioning.css 906 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /*
  2. * This file is NOT needed in order to use skrollr.
  3. * The demo uses it and it may help you as well.
  4. */
  5. html, body {
  6. width:100%;
  7. height:100%;
  8. padding:0;
  9. margin:0;
  10. overflow-x:hidden;
  11. }
  12. .skrollable {
  13. /*
  14. * First-level skrollables are positioned relative to window
  15. */
  16. position:fixed;
  17. /*
  18. * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
  19. */
  20. z-index:100;
  21. }
  22. .skrollr-mobile .skrollable {
  23. /*
  24. May cause issues on Android default browser (see #331 on GitHub).
  25. */
  26. position:absolute;
  27. }
  28. .skrollable .skrollable {
  29. /*
  30. * Second-level skrollables are positioned relative their parent skrollable
  31. */
  32. position:absolute;
  33. }
  34. .skrollable .skrollable .skrollable {
  35. /*
  36. * Third-level (and below) skrollables are positioned static
  37. */
  38. position:static;
  39. }