大佬教程收集整理的这篇文章主要介绍了javascript – Divs不知道屏幕大小调整,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想做一些事情,当用户点击图像时,第一个div将屏幕宽度的0.7移动到右边,第二个div中的所有图像都消失了,所以我写道:
$(document).ready(function() {
$("img").click(function() {
var my_width = screen.width * 0.7;
$(".second_div").find("img").hide();
$(".first_div").css({
"transform": "translate(" + my_width + "px,0px)",
"-webkit-transform": "translate(" + my_width + "px,0px)",
"-ms-transform": "translate(" + my_width + ",0px)"
});
});
});
.first_div {
transition-duration: 2s;
}
<div class="first_div col-md-1">
//some code
</div>
<div class="second_div col-md-11>
//some codes
</div>
当它的全屏工作正常时,但是当我调整窗口大小并再次尝试时,第一个div将不会位于它应该的位置(屏幕宽度为0.7)出了什么问题?
解决方法:
对于窗口宽度我会使用以下内容:
var my_width = document.documentElement.clientWidth * 0.7;
这是jQuery的$.width()使用的相同(跨浏览器兼容)解决方案
以上是大佬教程为你收集整理的javascript – Divs不知道屏幕大小调整全部内容,希望文章能够帮你解决javascript – Divs不知道屏幕大小调整所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。