如何在滾動時使用(moz / webkit / etc)縮放圖像

[英]How can i scale an image with (moz/webkit/etc) while scrolling


im trying to do this i just cant figure out how to any ideas?

我試圖這樣做,我只是想弄清楚如何任何想法?

Dont pay attention to the parallax just wanna know how to scale the image while im scrolling(if the scroll goes up make the image smaller and when it goes down bigger)

不要注意視差只是想知道如何在滾動時縮放圖像(如果滾動上升使圖像變小並且當它向下變大時)

www.smartusa.com

www.smartusa.com

2 个解决方案

#1


1  

you can use scrollorama to set up positions and configure when the different sizes should be shown.

您可以使用scrollorama設置位置並配置何時應顯示不同的大小。

http://johnpolacek.github.com/scrollorama/

http://johnpolacek.github.com/scrollorama/

#2


1  

Using the scroll position requires JavaScript, if I'm not mistaken.

如果我沒有弄錯的話,使用滾動位置需要JavaScript。

​Just execute a piece of code on scrolling that sets the image size: http://jsfiddle.net/TwLuE/.

只需在滾動時執行一段設置圖像大小的代碼:http://jsfiddle.net/TwLuE/。

$(window).on("scroll", function() {
    var s = Math.min(400, $(document).scrollTop()) + 100;
    $("img").width(s).height(s);
});​

注意!

本站翻译的文章,版权归属于本站,未经许可禁止转摘,转摘请注明本文地址:https://www.itdaan.com/blog/2012/02/10/72f5432737df731ff839747bcd9ba17e.html



 
粤ICP备14056181号  © 2014-2021 ITdaan.com