问题1:获取浏览器的宽度和高度?获取文本的宽度和高度?
解决方法:浏览器带边框:$(window).outerWidth();
浏览器不带边框:$(window).width();
浏览器带边框:$(window).outerHeight();
浏览器不带边框:$(window).height();
文本带边框:$(document).outerwidth();
文本不带边框:$(document).width();
问题2:监测浏览器窗口变化?
解决方法:
$(window).resize(function () { //要做的事情...... })
问题3:文本内容过长,会出现滚动条,查看某一个元素的时候,该元素能滚动到可视屏幕中。
解决方法:算出某个元素距离顶部距离 + 父容器滚动条滚动的距离。
//滚动效果 var scrollTop = $('.center_img').scrollTop();//容器中滚动条滚动的距离 var dotop = $('.biaoDiv #' + id).offset().top;//某元素距离document顶部的距离 hei = $('.center_img').offset().top;//该元素的父容器距离document顶部的距离 $('.center_img').animate({ scrollTop: scrollTop + dotop - hei }, 500);