javascript - 使用 jQuery 在 div 中淡化导致内容宽度大于 Mobile Safari 上的视口(viewport)

Question

我在单击按钮时使用 jQuery 在 div 中淡入淡出。在 div 在网站中淡出之前根据需要呈现。

但是当我单击按钮并且 div 淡入时，网站的大小不知何故增加了，我可以水平显示。如果我不在同一个 div 中隐藏和淡入淡出，就不会发生这种情况。

JS

$("#stopp").click(function()
    {   
        $("#pil").removeClass("rotatePil");

        getRotationDegrees(hjul);

        $("html, body").animate({ scrollTop: $("#third").offset().top}, 1500);
        //$("html, body").animate({ scrollTop: $(document).height() }, 1500);

        $("#hvit-boks>h1").fadeOut(500);
        $("#start,#stopp").fadeOut(500);

        setTimeout(function()
        {
            $("#res").fadeIn(1000);
        }, 500);

        setTimeOut(function()
        {
            $("html, body").stop();
        }, 1500);

    });

HTML

                <h1>Snurr lykkehjulet!</h1>

                <button id="start">SNURR!</button>

                <button id="stopp">STOPP</button>

                <div id="res">

                    <span id="big-res">Du fikk 145</span>

                    <p>

                        Et lykkehjul er tilfeldig. Det er imidlertid ikke tilfeldig hva kundene våre synes om skadeoppgjøret vårt. 
                        Faktisk får vi 8,6 i gjennomsnittsscore på en skala fra 0-10 når de blir spurt om hvor fornøyde de er etter en 
                        skade. Det skal vi være stolte av!


                    </p>

                    <button id="again">PRØV IGJEN</button>

                </div> <!-- /RES -->

            </div> <!-- /HVIT BOKS -->

CSS

#hvit-boks
{
    width: 90%;
    padding: 40px 0 40px 0;
    margin: 0 auto 0 auto;
    text-align: center;
}

#hvit-boks h1
{
    font-size: 30px;
}

#left
{
    width: 100%;
    padding: 0;
    margin: 0;
}

#big-res
{
    width: 50%;
    padding: 0;
}

#res p
{
    width: 80%;
    padding: 0 0 30px 0;
}

Answer 1

我不确定我的解决方案是否适用于您的情况。但我希望您尝试以下解决方案。

能否请您尝试将以下 css 添加到您的代码中。

#res
{
    width: 100%;
    overflow:hidden
}

请评论我回来，如果它有效或无效。如果可能，我会想出更好的解决方案。