fix sidebar becoming unscrollable in Safari 6

index.html

@@ -305,6 +305,13 @@ <h2 id=thanks>Acknowledgements &amp; Thanks</h2>
     $('script').first().before(s)
   }
 
+  // Reflow all elements on the page. <david@14islands.com>
+  function reflowFixedPositions() {
+    var docStyle = document.documentElement.style
+    docStyle.paddingRight = '1px'
+    setTimeout(function(){ docStyle.paddingRight = '' }, 0)
+  }
+
   $('.signature code').html(function(i, html){
     return html
       .replace(/\[([^\[]+)\]$/mg, '<span class=version>$1+</span>')
@@ -314,6 +321,13 @@ <h2 id=thanks>Acknowledgements &amp; Thanks</h2>
   if ($.os.ios || /\bMac.+\bSafari\b/.test(navigator.userAgent))
     $(document.body).addClass('emoji-enabled')
 
+  $('#sidebar').on('click', 'a[href]', function(e){
+    setTimeout(function(){
+      // fixes sidebar becoming unscrollable in Safari 6
+      reflowFixedPositions()
+    }, 10)
+  })
+
   // change the title of the page so bookmarks have a better default
   if ($.os.ios || $.os.android)
   document.title = 'Zepto Docs'