2016-10-15 29 views
1

移球員,我在aol.com閱讀新聞,我注意到視頻播放器的東西的jQuery - 如何在滾動

See this link

當我滾動,視頻播放器右移

我在谷歌搜索,但沒有發現任何關於它,它怎麼makedid沒有找到任何關於它,它如何使它

+0

在滾動事件更改視頻容器的位置,它的寬度和高度? – Vucko

回答

0

我已經創建了一個小提琴。

JsFiddle

$(window).scroll(function(){   
      var docViewTop = $(window).scrollTop(); 
      var docViewBottom = docViewTop + $(window).height(); 

      var elemTop = $('#mydiv').offset().top; 
      var elemBottom = elemTop + $('#mydiv').height(); 

      if(docViewTop >= elemBottom){ 
       //calculate new top for your div/player 
       var newTop = (($(window).height() - $(window).scrollTop())-$('#mydiv').height()); 
       $('#mydiv').css({top: newTop, left: 200, position:'absolute'}); 
      } 

     }); 

檢查出來。我希望它會有所幫助。

+0

是的。移動速度快,但可以通過轉換來解決css – Ehsan

+0

是的@Ehsan。您可以調整它以適應您的要求。 – gschambial