特定の国境の外でJavaScriptのアニメーションを非表示にするには？

Question

私はjavascript/jqueryの新作ですが、この素晴らしいアイデアが私のウェブページの効果をもたらしました。私はレイアウトabitを説明しましょう。

私のウェブサイトは、ラップトップのdivに含まれています。これは、モニタの幅に関係なく、コンテンツが1000pxのままで、画面の中央に表示されることを保証します（モニタが1000pxより大きいと仮定します）。このコンテンツには、ウェブサイト/会社/その他のタイトルを表示するカラフルな画像（1000x400px）を表示するために現在使用されているヘッダー画像が含まれています。したがって、この画像はコンテンツコンテナの幅です。

画像の上に会社の名前を設定し、左から右に、画像の右から左にスクロールするのではなく、クールだと思いました。これは、jqueryとanimate（）関数（またはそれに近い関数）を使って行うことができます。問題は、WebサイトのタイトルがWebページの極端な部分にスクロールすると、1000x400pxイメージからコンテンツコンテナの外側にオーバーフローし、ラッパー領域に灰色の背景になります。

私の問題は、バックグラウンドラッパーの背後にあるスクロールテキスト（非常に高いzインデックスで表される）を隠す方法（単純な背景であり、可能な限り低いインデックス）を概念化できないことです。 。 1000ピクセル幅のコンテンツコンテナを超えるスクロールテキストのセクションのみが表示されるようにします。誰でもラッパーの背景を隠す方法を知っていますか？私はおそらく、コンテンツコンテナの存在によって区切られたいくつかのdivでラッパーの背景を作り直すことを考えました。このdivは可能な限り高いz-インデックスを持つので、スーパーインポーズするものは隠すでしょう。これを実装するためのより良い/簡単な方法はありますか？

たぶん私はここに何かが欠けているパット

Answer 1

:)私は感覚を作っていないよなら、私に教えてください、しかし、

スクロールテキストがラッパーのdivの子であれば、必要なことはすべてのスタイルオーバーフロー適用することです：隠されたが、からラッパー部門。