Nanoscroller计算隐藏div的高度

Question

我正在使用nanoscroller，但它无法正常工作。

这是滚动内的代码。

 <div class="dish">
    <div class="arrow"></div>
    <div class="title">заливное из языка</div>
    <div class="add"></div>
    <div class="dish-info">
        <div class="info-left">
            <div class="dish-thumbnail">
                <img class="thumbnail" src="images/dish-pic.png" />
                <div class="dish-time">
                    <span class="time">25</span> <span class="minutes">мин</span>
                </div>
            </div>
            <div class="dish-information">
                <h1>ингридиенты</h1>
                <p>700 г филе индейки</p>
                <p>1 лукавица репчатого лука</p>
                <p>1 морковь</p>
                <p>200 г риса «Арборио»</p>
                <p>1/2 л воды</p>
                <p>50 мл сливок 20%</p>
                <p>200 г брокколи</p>
                <p>1 пучок укропа</p>
                <p>Соль, перец по вкусу</p>
            </div>
        </div>
        <div class="info-right">
            <p>1. Филе индейки вымыть, нарезать мелкими кусочками. Лук и морковь почистить и нарезать мелкими кубиками.</p>
            <p>2. Положить нарезанную индейку в чашу мультиварки, залить водой и включить программу «СУП» на 1 час.</p>
            <p>3. После завершения программы «СУП» вынуть индейку из бульона.</p>
            <p>4. Бульон процедить и снова залить в чашу мультиварки, посолить, добавить укроп.</p>
            <p>5. Брокколи разобрат на соцветия. Добавить в бульон индейку, промытый рис и мелко нарезанные лук и морковь. Включить программу «КРУПЫ» на 30 минут.</p>
            <p>6. После завершения программы добавить сливки, перемешать и поставить на программу «КРУПЫ» еще на 10 минут.</p>
            <div class="add-dish"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>

正如你所看到的那么长。信息div .dish-info获得display:none 问题是卷轴正在计算.dish-info的高度，因此显示了一个biiig间隙。我该如何避免这种情况？