使用 Jquery 调整大小功能在 IE 中滚动抖动

发布于 2024-12-09 11:44:30 字数 1093 浏览 1 评论 0原文

我正在设计一个图像调整器,但是当我在 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文