スクロール要素を停止して、特定のページ幅が満たされたときに開始位置に戻る

Question

Spotify iframeをページの下に移動するときにユーザーにたどりたい

$(window).scroll(function() { 
var $scrollingDiv = $("#spotifyIframe"); 

$(window).scroll(function(){ 
$scrollingDiv 
    .stop() 
    .animate({"marginTop": ($(window).scrollTop())/1.5 + "px"}, "slow"); 
    }); 
}); 

唯一の問題は、ページの幅が700pxよりも小さい場合、IFRAMEは、それが無限にスクロールさせる、段落を下回るということです：私はこれをすることを実現しました。

私は$(window).width() < 700とif文で機能を入れてみました、そして、それは一種の働いたが、唯一の問題は、ページ幅が700pxよりも大きくなったとき、スクロール機能は、再び戻って起動しなかったということでした。

Answer 1

resize()イベントを聴いてみてください：

$(window).scroll(function() { 
var $scrollingDiv = $("#spotifyIframe"); 
var largerThen700 = $(window).width() > 700; 

$(window).resize(function(){ 
    largerThen700 = $(window).width() > 700; 
}); 

$(window).scroll(function(){ 
    if(largerThen700){ 
    $scrollingDiv 
     .stop() 
     .animate({"marginTop": ($(window).scrollTop())/1.5 + "px"}, "slow"); 
    }); 
    } 
}); 

ここ

のようなウェブサイト、私が作ってるんだルックスは何でしょう