Question

我的页面上有以下代码（此处已简化）

<section class="wrapper style1" style="padding-top:1em">
    <div class="inner">

        <h4>More Destinations in:</h4>
        <div class="more" id="scotland" style="float: left">
            <h5>Scotland,&nbsp:</h5>
        </div>
        <br>
        <div style="clear:both"></div>
        <div class="show scotland" style="display:none">
            <div class="destination">
                <a href="gb/highlands.php"><img class="lazy" data-original="images/gb/scotland-p.jpg">
                    <h4>The Highlands</h4>
                </a>
            </div>
            <div class="destination">
                <a href="gb/scottish-lowlands.php"><img class="lazy" data-original="images/gb/dumfries-p.jpg">
                    <h4>Scottish Lowlands</h4>
                </a>
            </div>
        </div>

    </div>
</section>

目标是单击文本链接“苏格兰”（实际上大约有6个链接），然后向下滑动图像（最多可以滚动10个）。为此，我使用以下jQuery

$(".more").on('mouseover', function(){
    var country = $(this).attr('id');
    $(".show").hide(1200);
    $(".show." +country).slideDown(1200);
    $("img.lazy").lazyload();           
});

这在台式机和iPad上可以很好地工作，但是在Android手机上，整个窗口会向上滚动到封闭部分或div的顶部（很难分辨出哪个）。为什么会这样呢？如何使Android正常播放？

在jQuery中控制“ slideDown”上的滚动

0 个答案: