Частичное отображение и скрытие DIV
Мне нужно скрыть DIV частично, а не полностью. Когда страница загружается, я хочу, чтобы она показывала первые, скажем, 100 пикселей в самой верхней части div. Когда пользователь нажимает определенную кнопку, открывается div (это может быть эффект скольжения, такой как jQuery show ()). Когда пользователь нажимает ту же кнопку, div вернется в исходное состояние, показывая только верхние 100 пикселей. Я пытаюсь понять, как это сделать с помощью jQuery, потому что это, кажется, лучший способ сделать это. Какие-нибудь намеки? Спасибо.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
это можно сделать, установив начальную высоту div на 100 пикселей и установив его переполнение как скрытое в CSS. тогда вы можете изменить высоту div на auto, когда вы показываете полный div при нажатии кнопки javascript.
пример: http://www.quirksmode.org/css/overflow.html
Код CSS:
overflow : hidden;
вам понадобится метод переключения и немного анимации, стиль jquery:
установите высоту div на 10 пикселей с помощью Css.
$("td").toggle(
function () {
$(this).animate( { height:"100px" } , 1000 )
},
function () {
$(this).animate( { height:"10px" } , 1000 )
}
);
просто чтобы прокомментировать, в этом примере показан пример атрибута CSS overflow: hidden, чтобы получить представление о том, как скрыть избыточное содержимое div, пока javascript не отобразит его ...