私はかなり長い間、このようなことをしようとしてきました。偽のスクロール バーや DOM トリック コードなど、さまざまな方法を試してきました。私が必要としているほどきれいで機能しているものはないようです。
私がやろうとしているのは、水平方向にスクロールする div (スクロールバー付き) と、その中に垂直方向にスクロールする div をネストすることです。理想的には、単一の水平スクロールバーがスクロールし、特定のポイントの後、その隣の「go-up」div を垂直にスクロールします。
視覚化する必要がある人のための図の例を次に示し ます。うまくいくソリューションがあると思います。
基本的に、水平の「シーン」には、「上に行く」divの高さに等しいオーバーフローが発生する可能性があると考えています。そして、「シーン」の水平幅が通過した後...onScrollで、(ScrollLeft)を使用して「上へ」コンテナを右にシフトし、(ScrollTop)を使用して上にシフトできます。
基本的に、水平スクロールバーで垂直スクロールを制御しているような錯覚を与えます。
ここでコードをチェックしてください: http://jsfiddle.net/jPzqj/1/
「シーン」の最後に関数を渡す方法を知っています...現在使用しています:
$('#main').scroll(function(e)
{
if($(this).scrollLeft()>1430)
{
}
});
私の唯一の問題は、移動コンテナをシフトできるようにする数学へのアプローチ方法がよくわからないことです。「シーン」div スクロール値を「go-up」の ScrollLeft および ScrollTop 値に渡すにはどうすればよいですか...
誰でもこれについて何かアドバイスをもらえますか?
ありがとう。