javascript - 是否可以将div的右下角修复为屏幕向上/向下滚动

Question

我想让 div 在向下滚动时垂直扩展，在向上滚动时垂直收缩，以使右下角在浏览器屏幕上大致保持相同的位置。

#resizable { 
position:relative; 
float:left; 
width: 300px; 
height: 200px; 
padding: 0.7em;
top:8px;
left:2px; 
word-wrap: break-word;}

div 需要是相对且可调整的，以对齐围绕它的所有外部文本。

$(function() { $( "#resizable" ).resizable();});

score 1 · Accepted Answer

我可以在没有固定定位的情况下使用一些 Javascript 来做到这一点：http: //jsfiddle.net/EYasQ/5/

$(document).scroll(function() {
   var top = $(document).scrollTop();
   $("#resizable").css("marginTop", top);
});

每当页面滚动时，事件侦听器将更新 div的scroll上边距。#resizablediv 将显示在原地，但文本将围绕它重排。效果有点不寻常，但似乎符合你的要求。

score 0 · Accepted Answer

您可以fixed为此使用位置：

#resizable { 
    position: fixed;
    ... 
}

score 0 · Accepted Answer

使用固定位置而不是相对位置。并且由于您希望将 div 放在右下角，请使用以下内容：

position:fixed; 
float:right; 
bottom:8px;
right:2px;

3 回答 3