Javascript 带快照到文档的分屏布局

我正在寻找一种方法来重新创建的方式，滚动的方式去两个方向和快照，以保持内容完全适合的效果

我找到了这个

• 使用垂直导航

  (function ($) {
  var top = 0;
  
  $(document).ready(function () {
  var contentHeight = $('.right').height(),
      contents = $('.right > .content').length;
  
  top = (0 - (contentHeight * (contents - 1)));
  
  $('.right').css('top', top + 'px');
  });
  
  $(window).resize(function () {
  var contentHeight = $('.right').height(),
      contents = $('.right > .content').length;
  
  top = (0 - (contentHeight * (contents - 1)));
  
  $('.right').css('top', (top + $(window).scrollTop()) + 'px');
  });
  
  $(window).scroll(function () {
  $('.right').css('top', (top + $(window).scrollTop()) + 'px');
  });
  
  })(jQuery);
  

我尝试了几个插件——jquery panelsnap、Scrollsnap和SnapScroll——但我无法让它工作

你现在是否已经意识到，我并不是js方面的专家，但我非常想学习

---

提前感谢您提供的任何帮助。：）

我一直在寻找类似的东西，但我没有找到任何方法，所以几天前我创建了一个具有相同功能的插件。 它被称为

它适用于触摸设备以及IE 8等旧浏览器

---

不太确定您在寻找什么，但JSFIDLE可以使用滚动动作。当您在JSFIDLE结果框上滚动时，您描述的效果会起作用。你想让它自动加载页面吗？。？嗨，Yuval，我想让彩色div在用户滚动时捕捉到顶部或底部，因此必须使div不断对齐。我不知道它是不是在你这边，但在我这边它不是。。。我在Chrome上，在Mavericks上玩Safari。同时，我添加了更多的代码，我让它工作了，（或多或少）如果你检查它只是“laggy”，如果你玩结果框的高度，它似乎会断裂，今天下午我会看一看，看看我是否可以让JQuery动态到高度谢谢！！！！我也会继续摆弄，尤其是看到它有键盘导航的问题…：汉克斯！！我去看看！