作成したいテスト サイトのヘルプを取得しようとしています。前に聞いてみたのですが、前に聞いたと言われましたが、実際にはそうではなかったので却下されました。
これが私の問題です。ページに移動して、画像を浮かせたり、中央または上部から上に移動したり、そこにとどまることができるようにしたい...ユーザーが下にスクロールするまで、画像を特定の場所に移動させたいその横にあるテキスト。このサイト、グーグル、その他多くのチュートリアルを検索しましたが、探しているものが見つかりませんでした。私はこのリンクを与えられました:ページのスクロール位置に応じてオブジェクトをアニメーション化する方法は、私が説明しているもののようなものですが、特定の色や透明度に変わるのではなく、スクロール時に特定の場所に画像を移動する必要があります。私もこれを見つけました:javascript mousewheel image scroll -しかし、これも私が言いたいことではありません。これは素晴らしい効果ですが、画像を動かす必要があります。さらに、これは背景画像ではなく、ページ上にあるクリック可能な画像です。ウィンドウまたは背景効果ではありません。
これにはスクロールのようなものを使用しますか? 例えば:
stop().animate({"top":(window.scrollY)
私はこれを試してみましたが、とてもスムーズに動きますが、その特定の場所にスクロールするときにその場所にとどまることはできません.下にスクロールし続けると、画像は下にスクロールし続けます.
または、これはより良い方法ですか:
if($(window).scrollTop() + $(window).height() == $(document).height()) {
var a = $(window).height() - 100;
$('#scrolling').animate({
しかし、私はそれを機能させることができません。一番上にスクロールしても一番上に戻りません。
画像を中央または上部、さらには側面に浮かせて、下にスクロールするときにその場所に移動する方法について何か考えはありますか? 私は正しい道を進んでいますか、それともこれについて完全に間違っていますか?
アニメーション プロトコルを使用して HMTL5 でこれを実行できると思っていましたが、それを達成できるとは思いません。部分的に機能させることはできますが、完全には機能させることはできません。何かご意見は?