Javascript Slide-In Onload

Question

所以我试图在页面加载中插入div幻灯片。它有一个id＃＆＃34;＃crazyslide＆＃34;并绝对位于css右侧-800px。

所以我在头脑中使用了这个代码：

<script type="text/javascript">
$(document).ready(function() {          
$("#crazyslide").animate( { right: '0px' }, 2000 ); 
});
</script>

不应该这样做吗？

Answer 1

不，你无法将其隐藏在屏幕边缘。像手机这样的设备会让人们滚过边缘，看起来很糟糕。

我建议使用此示例隐藏并使用javascript显示它。 http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show

Answer 2

是的，应该。我刚用你的确切代码进行了测试，它运行正常。有一些方法可以阻止父元素显示屏幕外内容的滚动条。

• 检查以确保您的div名称正确：（console.log（$（＆＃34;＃crazyslide＆＃34;））;
• 确保父元素的css不会阻止div 完全显示，例如奇怪的身体宽度或其他东西。
• 确保div具有内容和设定宽度。

*这被证明是一个加载顺序问题，在调用动画代码时尚未定义jquery。