Question

基本上我有一个包含很多内容的div，比如：

<div>
top of content </br>
some content </br>
some  content </br>
some  content </br>
some  content </br>
some  content </br>
some  content </br>
some  content </br>
bottom of content 
</div>

然后，我设置div的高度，并溢出，所以它将“裁剪”div。像这样：

<style>
div{
height:100px;
overflow:hidden;
}
</style>

我想做的是，div将显示内容的结尾，而不是顶部。

谢谢！

Answer 1

为你的div（例如“myDiv”）提供一个id，然后通过javascript尝试：

document.getElementById（“myDiv”）。scrollTop = 的document.getElementById（ “myDiv”）scrollHeight属性;

Answer 2

这是可能的，但感觉有点hacky。这有效，例如：

<style>
.first {
max-height: 30px;
overflow: hidden;
-webkit-transform: rotate(180deg);
}
.second {
float:right;
-webkit-transform: rotate(180deg);
}


</style>

<div class="first">
<div class="second">
blah blah<br/>
blah blah<br/>
</div>
</div>

您只是旋转第一个div并将其嵌套在另一个将内容旋转回来的div中。溢出隐藏了旋转的包含div的“底部”，内容被旋转。（这有点奇怪，但确实有用。）

显示div内容的底部，隐藏溢出

2 个答案: