拆分屏幕布局與對齊到文檔

我正在尋找一種方式來重新創建效果http://www.wandaprint.com在滾動方式和快速保持內容完美契合的方式。拆分屏幕布局與對齊到文檔

我發現這個

用乾的垂直導航。

(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的專家，但我非常期待學習。

預先感謝您提供的任何幫助。 :)

來源

2014-03-31 Licinio Sousa

不是真的知道你正在尋找，但jsfiddle與滾動操作。當你在jsfiddle結果框上滾動時，你描述的效果起作用。你是否正在尋找這是頁面加載自動？..？ – Yuval

嗨Yuval，我正在尋找的是彩色div的捕捉，無論是頂部還是底部，當用戶滾動，所以必須確定div不斷對齊。我不知道這是否是你的目的，但是在我看來，它並不是......我在Chrome和Safari上在小牛隊。同時，我添加了更多的代碼，並且我得到它的工作，（或多或少），如果你檢查它只是「laggy」 –

似乎它會捕捉如果你玩結果框的高度，我會採取今天下午看看它，看看我是否可以讓JQuery動態到高度 – Yuval

我正在尋找類似的東西，我沒有找到任何東西去做，所以我幾天前創建了一個具有相同功能的插件。它被稱爲multiScroll.js。

它適用於觸摸設備以及老的瀏覽器如IE 8

enter image description here

來源

2014-05-14 16:16:55 Alvaro

謝謝！我會檢查出來的！ –

拆分屏幕布局與對齊到文檔

回答

相關問題