具有固定标题的V-Scrollable内容，包括h-scrolling +固定侧边栏？

Question

我正在尝试为Snap.js找到合适的布局：

http://jakiestfu.github.io/Snap.js/demo/apps/default.html

推荐的HTML / CSS的问题是：

1. 标题（导航栏）不粘“
2. 当您向下滚动主要内容时，地理栏不会隐藏在Chrome for Android中
3. 固定侧边栏不与地址栏同步移动
4. 在我的下方小提琴中，主要内容是v-scrollable一点（？！），而它向右移动

---

1. 我想修复标题，但仍需要与内容区域一起垂直滚动。 CSS似乎不支持这个，所以我尝试了一个脚本化的解决方案：

   animate();
   
   function animate() {
       requestAnimFrame(animate);
       draw();
   }
   
   function draw(){
       var pos = content.offset();
       nav.css('transform', 'translateX('+ pos.left +'px)');
   }
   

   http://jsfiddle.net/HFjU6/2533/

   如果有任何选项，请告诉我其他选项，如果JS被禁用，我会害怕UI损坏。

---

1. 要让地址栏消失（a.k.a。＆＃34;全屏模式＆＃34;），我必须制作内容position: static;。

   下行：v滚动条显示在右侧窗口边框，而不是内容区域的右侧。还有其他办法吗？

---

1. 如果包含position: fixed的侧边栏包含过高的内容，则可以从主要内容中单独滚动。

   问题：他们不能与地址栏一起移动，但在地址栏完全消失后会重新定位（Chrome for Android中的标准行为是将内容与地址栏同步移动，它坚持滑动输入以获得良好的过渡。）

   适用于position: absolute;，但这会使我的侧边栏滚动主要内容，您会看到身体背景低于原始高度的100％。

---

1. 我可以将主要内容区域稍微向左滚动，同时将其翻译到右侧并打破布局（可能仅适用于触摸设备，但如果您使用鼠标中键进行平移，则可能也适用于桌面）。为什么会这样？