位置固定相關的父容器

我需要解決方案來模擬固定位置，但相對父母div，而不是整個視口。 JS解決方案是滯後的。我需要固定相關的父容器，因爲如果窗口高度很小，則固定位置的div進入頁腳區域。位置固定相關的父容器

Example

來源

2010-11-12 INs

您的更新的另一種方法。

先給固定divz-index: 10;

和頁腳DIV position: relative; z-index: 11

這應該使頁腳重疊固定股利。

來源

2010-11-12 18:01:42

嗯，這是很好的解決方案，但我想停止附件頁腳附近的滾動。 – INs 2010-11-12 18:05:36

@INs絕對不可能沒有Javascript。 – 2010-11-12 18:11:42

也許你知道JS平滑滾動的好解決方案，作爲固定位置？ jquery插件scrollfollow是laggy。 – INs 2010-11-13 07:23:38

那就不是位置問題：固定的，也許你可以只定義一個最小高度，你的身體（或主包裝如果有的話），以避免短期頁面問題

來源

2010-11-12 17:48:46

我已經添加了示例我的意思 – INs 2010-11-12 17:57:26

我已經合併CSS和JS：

$(document).ready(function() { 
       var $sidebar = $(".register-box"), 
       $window = $(window), 
       $content = $("#content"), 
       docHeight = $(document).height(); 
       var entered = false; 

       $window.scroll(function() { 
        if ($window.height() < 795 && docHeight - $window.scrollTop() < 785) { 
         entered = true; 
         var pos = $sidebar.offset(); 
         $sidebar.css('position', 'absolute').css('top', ($content.height() - ($sidebar.height() + 40)) + 'px'); 
        } 
        else { 
         if (entered) { 
          entered = false; 
          $sidebar.css({ 
           top: "", 
           left: "", 
           position: "fixed" 
          }); 
         } 
        } 
       }); 
      });

代碼不是最終版本，和數字是硬編碼的，但它的工作原理，不夠順暢。

來源

2010-11-13 08:42:48 INs

位置固定相關的父容器

回答

相關問題