Question

感谢您帮助我。我不是这个项目的主要开发人员，但由于我们的后端开发人员正在忙于更谨慎的任务，所以我已经加入了这个角色。

我们正在处理的网站有许多页面打开了一个适合窗口的图像：主页，图库和位置页面都使用了一些jquery。客户要求我们更改位置页面的布局，使其不再适合窗口，而是比窗口高度略短（为了参数，可以说缩短400px）。

我找到了有问题的jquery以及我们需要编辑的代码片段。我还相信我们可以使用.locationHero类来指定“位置”页面上标题的更改。

如何调整下面的代码，以便“位置”页面上的英雄比窗口高度短400像素？

function onresize (){
    if ($(window).width() >= 1024) {

        var originalHeight =$(window).height() - 154;

        $('section#homeBoxes').css({'height':originalHeight});

        var changeElements = $('.fullViewPort');

        changeElements.each(function(){

            var windowHeight = originalHeight;

            if ($(this).hasClass('galleryWrapper')) {
                windowHeight = windowHeight - 40;
            } else {
                windowHeight = originalHeight;
            }

            if ($(this).is('.template-menus, .about, .featuredEvent, .private-events, .press')) {
                windowHeight = windowHeight / 2;
            } else {
                windowHeight = originalHeight;
            }

            // Set a minimum to avoid things getting crushed
            if (windowHeight < 460) {
                windowHeight = 475;
            };

            $(this).css({'height':windowHeight});
        });

    };

Answer 1

那很容易。我刚加了。 locationHero到该地区：

 if ($(this).is('.template-menus, .about, .featuredEvent, .private-events, .press')) {
            windowHeight = windowHeight / 2;
        } else {
            windowHeight = originalHeight;
        }

将图像拟合到除一个页面之外的所有页面上的容器

1 个答案: