如何在旋转大分区时避免滚动 [英] How to avoid scrolls when rotating a big division
本文介绍了如何在旋转大分区时避免滚动的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在设计一个网站,在第一页我要旋转div时$(文件).ready。
旋转时,滚动变得可见。可能是'这是一个简单的问题,但是答案很受欢迎.tnx
<!DOCTYPE html>
< html>
< head>
< meta http-equiv = Content-Type content = text / html; charset = UTF-8 />
< title> jQuery Rotate < / title >
< script type = text / javascript src = jquery-1.9.1.min.js>< / script>
< script src = Jquery.rotate.js>< / script> ;
< / head >
< body>
< div id = Div1 class = rotation style = width:100%; height:100%; margin-removed auto; margin-removed auto;>
< img src = Back.jpg />
< / div >
< script type = text / javascript>
$( document )。ready( function (){
document .body.style.backgroundColor = Black ;
$(' #Div1')。延迟( 1000 )。animate({rotate:' - 20deg'},< span class =code-digit> 2000 );
});
< / script>
< / body >
< / html >
解决方案
(文件).ready。
旋转时,滚动变为可见。也许这是一个简单的问题,但答案很赞赏.tnx
<!DOCTYPE HTML>
< html>
< head>
< meta http-equiv = Content-Type content = text / html; charset = UTF-8 />
< title> jQuery Rotate < / title >
< script type = text / javascript src = jquery-1.9.1.min.js>< / script>
< script src = Jquery.rotate.js>< / script> ;
< / head >
< body>
< div id = Div1 class = rotation style = width:100%; height:100%; margin-removed auto; margin-removed auto;>
< img src = Back.jpg />
< / div >
< script type = text / javascript>
( document )。ready( function (){
< span class =code-sdkkeyword> document .body.style.backgroundColor = Black;
(' #Div1')。 ( 1000 )。animate({rotate:' - 20deg '}, 2000 );
});
< / script>
< / body >
< / html > 跨度>
Hi, I''m designing a website,in the first page I want to rotate a div when $(document).ready.
when it rotates, scrolls become visible.maybe it''s a simple question, but answers are appreciated.tnx
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery Rotate</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script src="Jquery.rotate.js"></script>
</head>
<body>
<div id="Div1" class="rotation" style="width: 100%; height: 100%; margin-removed auto; margin-removed auto;">
<img src="Back.jpg" />
</div>
<script type="text/javascript">
$(document).ready(function () {
document.body.style.backgroundColor = "Black";
$('#Div1').delay(1000).animate({ rotate: '-20deg'}, 2000);
});
</script>
</body>
</html>
解决方案
(document).ready.
when it rotates, scrolls become visible.maybe it''s a simple question, but answers are appreciated.tnx
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jQuery Rotate</title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="Jquery.rotate.js"></script> </head> <body> <div id="Div1" class="rotation" style="width: 100%; height: 100%; margin-removed auto; margin-removed auto;"> <img src="Back.jpg" /> </div> <script type="text/javascript">
(document).ready(function () { document.body.style.backgroundColor = "Black";
('#Div1').delay(1000).animate({ rotate: '-20deg'}, 2000); }); </script> </body> </html>
这篇关于如何在旋转大分区时避免滚动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文