Guest User

Untitled

a guest
Dec 17th, 2018
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.30 KB | None | 0 0
  1. jQuery(document).ready(function ($) {
  2. function getScrollbarWidth() {
  3. var outer = document.createElement("div");
  4. outer.style.visibility = "hidden";
  5. outer.style.width = "100px";
  6. outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps
  7.  
  8. document.body.appendChild(outer);
  9.  
  10. var widthNoScroll = outer.offsetWidth;
  11. // force scrollbars
  12. outer.style.overflow = "scroll";
  13.  
  14. // add innerdiv
  15. var inner = document.createElement("div");
  16. inner.style.width = "100%";
  17. outer.appendChild(inner);
  18.  
  19. var widthWithScroll = inner.offsetWidth;
  20.  
  21. // remove divs
  22. outer.parentNode.removeChild(outer);
  23.  
  24. return widthNoScroll - widthWithScroll;
  25. }
  26.  
  27. function moveSidebar() {
  28. var sidebar = $('.sidebar');
  29. var content = $('.sections_group');
  30. if (sidebar.length) {
  31. if (($(window).width() + getScrollbarWidth()) < 768) {
  32. sidebar.insertBefore(content);
  33. } else {
  34. sidebar.insertAfter(content);
  35. }
  36. }
  37. }
  38.  
  39. // Resize handler
  40. $(window).resize(function () {
  41. clearTimeout(resizeTimer);
  42. resizeTimer = setTimeout(function () {
  43. moveSidebar();
  44. }, 300);
  45. });
  46.  
  47. moveSidebar();
  48.  
  49. });
Add Comment
Please, Sign In to add comment