Как «эмулировать» слайд-переключатель jQuery с помощью переводов? ⇐ Jquery

[Anonymous]

У меня есть простой пример, который работает почти так, как я хочу, с помощью слайда Toggle jQuery, но поскольку этот метод изменяет высоту элемента, это приводит к нежелательным последствиям в виде изменения рендеринга элемента при его вдвижении и выдвижении. Я бы предпочел иметь «настоящий» слайд, в котором весь элемент переведен, с «замороженным» содержимым. В частности, в этом примере я вижу, что вертикальная полоса прокрутки исчезает при перемещении блока внутрь или наружу.

Код: Выделить всё

$('#but').click(function() {
$('#block').slideToggle(2000);
});

Код: Выделить всё

#block {
text-align: justify;
position: fixed;
bottom: 0;
max-width: 35em;
max-height: 8em;
border: solid 1px;
overflow: auto;
}

Код: Выделить всё

Click


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta tempor purus. Vivamus fermentum dolor mauris, et luctus elit congue quis. Maecenas lobortis pharetra posuere. Donec a odio odio. Mauris at faucibus elit. Vestibulum porta nibh diam, at
finibus ante auctor sit amet. Duis et vulputate purus. Curabitur ante ipsum, eleifend nec augue sit amet, varius condimentum mauris. Pellentesque non ante in nisl pellentesque mattis. Sed lorem arcu, malesuada eu risus vel, iaculis aliquet orci.
Ut ac dictum sapien. In hac habitasse platea dictumst. Ut vitae placerat ipsum. Mauris tellus enim, tincidunt id ultrices sit amet, hendrerit at tortor. Vivamus porttitor arcu vel felis eleifend blandit. Suspendisse a vehicula purus. Maecenas condimentum
massa nec metus euismod blandit. Suspendisse hendrerit et dui id bibendum. Mauris efficitur nunc tempus, tincidunt lorem ac, lacinia nisl. Fusce sagittis dui ut ornare suscipit. Aliquam cursus eros quis felis pulvinar lobortis. Proin eu est id odio
lobortis fringilla. Ut ac auctor sem. Cras eget turpis lectus. Morbi volutpat justo magna, at tempus nisi vulputate ac.
Cras eget nulla semper, tincidunt turpis in, congue augue. Duis fringilla ac ante malesuada egestas. Fusce commodo lacinia ex non volutpat. Donec ac arcu quis risus eleifend dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce euismod
eget felis feugiat blandit. Vestibulum suscipit nulla in ligula iaculis, eget fermentum enim tincidunt. Nunc eget dui lacus. Curabitur et odio finibus, auctor neque non, sagittis velit. Etiam faucibus justo eget est luctus vehicula.

Можно ли получить тот же эффект, но со статическим содержимым внутри слайдера элемент?

Подробнее здесь: https://stackoverflow.com/questions/788 ... anslations