「ヘッダー」領域の下にスクロールするときにコンテンツを非表示にする方法は？この例はありますか？
だから私は解決すべきUXの問題があります-
これが問題の例です： 
ご覧のように、メッセージステップはフォルダの下にネストされています。それらすべてを表示するには、上から下、左から右にスクロールする必要があります。
これが私がこの問題を解決する方法を考えていたものです： 
画像の最初の画像は、フォルダを折りたたんだときの外観を表しています。ユーザーは最初のフォルダを数秒間クリックすると、各ステップが大きい別の画面に移動します。ユーザーがスクロールすると、上から下にスクロールするだけで、ステップはヘッダー/フォルダー領域の下に「消えます」。すべてのステップは同じ長さとインデントになります。変更されるのは、その中にあるコンテンツだけです。ステップがスクロール可能であることを示すために、最後のステップは低い不透明度に設定されます。最初の画面に戻るには、ユーザーはフォルダーを数秒間クリックするだけです。
皆さんはどう思いますか？これは実現可能ですか？この問題を回避する別の方法はありますか？
これを提案したいのですが。 
ネストは、私のワイヤーフレームのように取っておきます。ここで、ユーザーはネスト順を識別できます。ネスト領域をクリックすると、左側の同じ行が強調表示され（逆も同様）、すべてのデータ行が下から見えるようになります。