Question

所以我创建了一个网站，基本上第一次搞乱了jquery。

我有一个div 主容器，其中包含所有内容。这个主滑块在窗口中滑动。我通过在document.ready函数中执行此操作来设置它：

<script>
$("#main-slider").hide().animate({left:'+=2000', opacity:'0.0'},0);
$("#main-slider").fadeIn(100).animate({left:'-60', opacity:'1.0'},1000);
$("#inhoud").delay(100).animate({left:'-30', opacity:'1.0'},300);
$("#inhoud").delay(20).animate({left:'-5', opacity:'1.0'},300);
$("#main-slider").animate({left:'-40', opacity:'1.0'},150);
</script>

在普通浏览器上（使用safari，chrome和firefox进行测试）它看起来像我想要的但是在移动设备上它开始缩小，因为主滑块从+=2000;启动动画

当它不在视口内时，有没有办法隐藏div？

我用一个基本的概念制作了一个jsFiddle，不幸的是它似乎不起作用;抱歉。

JSFiddle

网站的概念版：http://paparashie.nl/woonkans

Answer 1

我不确定我是否理解正确，但您是否尝试过使用CSS？

html {
    overflow: hidden;
}

将此应用于html或正文...

JSfiddle无法正常工作，您是否可以附上截图以帮助我们查看问题

隐藏窗口HTML jQuery之外的所有内容

1 个答案: