Question

当我的width滚动到视图中时，如何自动且频繁地更改div div的{{1}}和<div id="contact" class="fadeInBlock"> <div class="map"> <div class="pointer"> <div class="dot"></div> </div> <div class="address"> <address></address> </div> </div> </div>？

HTML

div

（height谁将更改width和.pointer是$(function() { $(window).load(function() { $('.pointer').css({"width": "60px", "height": "60px"}); }); });。

JS

width

我只完成了更改height和{{1}}部分，如果我不够清楚，请告诉我，我会尽力清除您的困惑。

Answer 1

<强> JS

$(function() {
    $(window).load(function() {
        $('.pointer').css({'height':($(window).height())+'px'});
    });
});

Answer 2

这是一种反弹宽度和高度的方法。我会存储动画点并多次循环遍历animate函数。

其他一些人为您提供了滚动事件的策略，但您也要求了弹跳效果。

希望这有帮助，添

＆＃13;

$(document).ready(function(){
    $("button").click(function(){
        $("div").animate({
            opacity: '0.5',
            height: '150px',
            width: '150px'
        });
        $("div").animate({
            opacity: '0.5',
            height: '50px',
            width: '50px'
        });
        $("div").animate({
            opacity: '0.5',
            height: '100px',
            width: '100px'
        });
        $("div").animate({
            opacity: '0.5',
            height: '75px',
            width: '75px'
        });
        $("div").animate({
            opacity: '0.5',
            height: '200px',
            width: '200px'
        });
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<button>Start Animation</button>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;"></div>

＆＃13;

当div滚动到视图中时，如何自动重复高度和宽度？

2 个答案: