ofsilvers https://blog.hatena.ne.jp/ofsilvers/ しるてく https://ofsilvers.hateblo.jp/ css 背景 CSSだけでスクロールアップダウンしたいなーと思って、特に何も考えず、次のような実装をしてみた。 #open-infoをクリックすると、#infoが内容量に合わせて良い感じにスクロールして閉じたり開いたりしてくれる予定。 実装 #info { overflow: hidden; height: 0; -webkit-transition: height 1000ms; } #info.open { heigt: auto; } $('#open-info').on('click', function() { $('#info').toggleClass('open'); }); 動かない… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fofsilvers.hateblo.jp%2Fentry%2Fauto-height-transition-not-working" title="css3 transitionでheight: auto;が使えないのでmax-heightを使ってみる - しるてく" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-02-07 16:50:52 rich https://ofsilvers.hateblo.jp/entry/auto-height-transition-not-working 1.0 100%