レスポンシブ サイトでスライド アウトの「もっと見る」機能を作成する方法を探しています。この機能は、段落の2 行で途切れます。
overflow: hidden以前、コンテナに設定された高さを適用して を使用し、コンテナの高さをアニメーション化することで、静的な Web サイトでこれを達成しました。
ただし、コンテナはレスポンシブであるため、さまざまなブラウザー幅でテキストを押しつぶすため、テキストが占めるスペースが増減する可能性があります。また、段落を押し下げるたびに、段落の上に異なるコンテンツが表示される場合があります。そのため、設定heightが 2 行を正確にカバーしない場合があります。
デモが必要な場合は、この jsFiddle: http://jsfiddle.net/XVAzU/を確認してください。
そのため、コンテナーの幅やその段落の前後に何があるかに関係なく、段落の 2 行の後で切り取る必要があります。
ご覧いただきありがとうございます。