如何讓div在頁面大小上可見？

我在一個站點上有一個像facebook一樣的圖標，現在客戶端的要求是當用戶滾動頁面直到它到達頁面的頂部位置（通過使用jquery stickynotes進行排序）並且圖標仍然應該保持可見當有人重新調整瀏覽器的大小時可見（X = (browser width/2) + (wrapper/2)）。如何讓div在頁面大小上可見？

由於第一個條件迫使div靜態定位，所以當頁面向下滾動時它可以移動，因此無法做出如何做到這一點。

但爲了重新定位它，我需要將魔藥固定。

請提出一條出路。

來源

2012-07-09 Vishal

你能分享一個演示 - [jsFiddle.net]（http://jsfiddle.net/） - 使它更容易幫助你的代碼。 – Mottie 2012-07-09 13:42:34

請查看http://tiny.cc/itl6gw「Sticky Widget」div與我需要的方式相同，只是我需要將其重新定位到瀏覽器重新大小。 – Vishal 2012-07-09 13:47:06

只是一個簡單的例子，你如何解決這個問題：

function movement() { 

    var topPosition = $(window).scrollTop(); 

    if(topPosition > 100) { 

     // do something 
     $('element').addClass('dosomething'); 

    } else { 

     // do something 
     $('element').removeClass('dosomething');  
    } 
} 

$(document).ready(function() { 

    $(window).scroll(function() { 

     movement(); 
    }); 
});

來源

2012-07-09 13:49:09

不知道如果您已閱讀我粘貼的示例代碼，這部分已完成，我正在處理重新調整大小的模塊。 – Vishal 2012-07-09 14:10:07

你看着像jQuery Waypoints？

我不確定它是否完全匹配，但它優雅地解決了一些這些問題。

來源

2012-07-09 13:49:24

Scott：它適用於粘性div，但對於介詞頁由於HTML5而表現正確，我無法使用HTML5。 – Vishal 2012-07-09 14:07:13

如何讓div在頁面大小上可見？

回答

相關問題