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();});

Answer 1

我能够使用一些Javascript：http://jsfiddle.net/EYasQ/5/

进行固定定位

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

每当页面滚动时，scroll事件侦听器都会更新#resizable div的上边距。 div似乎保持不变，但文本将围绕它重新流动。效果有点不寻常，但似乎符合您的要求。

Answer 2

您可以使用位置fixed：

#resizable { 
    position: fixed;
    ... 
}

Answer 3

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

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