mura24 https://blog.hatena.ne.jp/mura24/ tech/design/mura24 https://mura24.hatenablog.com/ SketchライクなGUIでさくさくモックが作れちゃうFlinto、大変便利に使っているのですが、たまにスクロールグループで「ｲｲｲｰ」となることがあり、なんども沼にハマらないようにするために、スクロールグループの挙動についてまとめておきます。 縦に長い画像を「スクロールグループ」として設定しました。 プレビューはこんな感じ。イメージ通りの挙動ですね。 次に、同じ画像のy座標をずらし、途中からコンテンツが開始するようにしました…が、プレビューを見てみると さきほど設定したスクロール領域がズレ、中途半端なところでバウンスするようになってしまいました。 Flintoでインスペクタを見てみましょう。… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmura24.hatenablog.com%2Fentry%2F2017%2F12%2F22%2Fflinto_scroll" title="Flintoのスクロールグループの挙動について - tech/design/mura24" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://img.f.hatena.ne.jp/images/fotolife/m/mura24/20171222/20171222194907.png Hatena Blog https://hatena.blog 2017-12-22 20:07:06 rich https://mura24.hatenablog.com/entry/2017/12/22/flinto_scroll 1.0 100%