创建一个向下滑动文本的Read More

Question

我有问题。我在jsFiddle中有以下代码：https://jsfiddle.net/o7x14gzd/1/用于创建一个按钮以使用jquery读取更多内容。

var $el, $ps, $up, totalHeight;

它应该向下滑动文本直到结束并淡出。有关此网站的更多信息：https://css-tricks.com/text-fade-read-more/

我不知道哪里错了，但是当文字太大时，当你点击＆＃34;阅读更多＆＃34;。

时，它不会显示任何内容。

你们中的一些人已经遇到过这样的事情，或者可以告诉我错误在哪里？

Answer 1

1-您必须使用outerHeight(true)代替outerHeight()来计算包含边距的段落的实际大小。

2-而不是计算所有高度，如果您有列表或图像，我建议使用此方法： 将父元素的当前高度设为一个类 startheight 并将其分配给视图：

.srartheight{height:150px;}

计算最终高度，使用此方法：

finalheight=$("#view").removeClass("startheight").height();
$("#view").addClass("startheight");