Javascript滑入式加载

所以我想在pageload上加入一个div。它的id为crazyslide，在css中绝对位于右侧-800px

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

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

---

这不应该吗？

不，你不能在屏幕边缘隐藏它。像手机这样的设备会让人们滚动到边缘，这看起来很糟糕

我建议使用这个用javascript隐藏和显示的例子。

---

是的，应该是这样。我刚刚用你的代码进行了测试，效果很好。有一些方法可以防止父元素显示屏幕外内容的滚动条

检查并确保您的div正确命名：console.log$crazyslide； 确保父元素的css没有阻止div被删除 显示在所有，如一个奇怪的身体宽度或东西。 确保div具有内容和设置的宽度。

---

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

发生了什么，没有发生什么？有控制台错误吗？与HTML相关的脚本在哪里？是的，看起来不错-可能提供HTML？此外，如果您在crazyslide-document.ready中有一个图像，则可能触发得太早。在这种情况下，您需要$window.loadfunction等。创建一个jsfiddle：您对所提供代码的问题。在顶部的框呼吁更多的信息应该滑入。我现在在屏幕上显示了一部分，这样我就可以看到它是否正在显示，确实如此，但是css不会向右更改为0，还有-300UncaughtReferenceError:$未定义请尝试将包含crazyslide动画的脚本元素放在加载jquery的元素之后，我认为该元素在第83行加载。很好，但仍然无法解决问题…现在脚本元素就在旁边，但仍然没有结果。啊，忘了这一点；开发截止日期已到；我最终使用animate.css来实现这个。。