使用 Jquery 调整大小功能在 IE 中滚动抖动
我正在设计一个图像调整器,但是当我在 IE 中使用 jQuery 调整大小功能时,滚动条会变得不稳定。 http://www.chillwebdesigns.co.uk/test/CB/3/(工作示例)。
当页面加载时,它似乎很好,但是当调整窗口大小然后最大化时,滚动条上会发生抖动。
这是我到目前为止所写的。
$(function(){
$(window).load(function() {
start();
$(window).resize(function(){start()});
function start(){
$('#CB img').css({height:'auto',width:'auto'});
$('#CB img').each(function() {
var WinH = $(window).height(),
WinW = $(window).width(),
ImgH = $(this).height(),
Padding = 100;
if(WinH < ImgH){
$(this).css({height: WinH - Padding, margin:Padding / 2});
}
var NewW = $(this).width();
if(WinW < NewW){
$(this).css({width: WinW - Padding, margin:Padding / 2});
}
});
}
});
});
任何帮助或想法都会有帮助。
I am designing a image resizer but when I use the jQuery resize function in IE the Scroll Bars go juddery. http://www.chillwebdesigns.co.uk/test/CB/3/ (Working Example).
When the page loads it seems to be fine but when the window is resized then maximised the juddering happens on the scroll bar.
This is what i have written so far.
$(function(){
$(window).load(function() {
start();
$(window).resize(function(){start()});
function start(){
$('#CB img').css({height:'auto',width:'auto'});
$('#CB img').each(function() {
var WinH = $(window).height(),
WinW = $(window).width(),
ImgH = $(this).height(),
Padding = 100;
if(WinH < ImgH){
$(this).css({height: WinH - Padding, margin:Padding / 2});
}
var NewW = $(this).width();
if(WinW < NewW){
$(this).css({width: WinW - Padding, margin:Padding / 2});
}
});
}
});
});
Any help or ideas would be helpful.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论