Как реализовать адаптивный скролл контента?

Question

[GaserV]

Добрый день! Подскажите пожалуйста. У меня есть div, внутри которого много текста и он не помещается в див например. Есть кнопки, для скролла текста вверх и вниз. Нужно следующее: При клике на кнопку вниз нужно проскролить текст ровно до того места, где он обрезался. Если еще текст остался вне дива, нужно еще его проскроллить при клике и так, пока он не закончится, а когда закончился - return false например. и обратно. Как такое реализовать адаптивно?

Answer 1

[Nikita Shchypylov]

Это можно реализовать с помощью адаптивных инструментов. Подробнее тут: google.com

Comments

[GaserV]

Серьезно? не тратили бы свое и мое время. Я спрашивал у людей с опытом в данной реализации, а не утех, кто поможет найти гугл в гугле.

Answer 2

[trushka]

Задаём div'y overflow-y:hidden (или scroll, так даже лучше, поскольку можно скролить колёсиком, пальцем, стрелками на клавиатуре, но надо обернуть в ещё один div c overflow: hidden, чтоб скрыть скроллбар )

div=$('div');
// при клике на стрелку
div.animate({scrollTop:([нажата кнопка "вниз"]?'+=':'-=')+div.innerHeight()})

)

Comments

[GaserV]

ну в таком случае он проскроллится до конца. А мне нужно, только до того места, где текст обрезался. Как такое вычислить?

[trushka]

GaserV, не до конца проскролится, а на внутреннюю высоту блока, аналогично нажатию PgDn на клавиатуре

[trushka]

https://jsfiddle.net/trushka/kxL7xnby/ - специально в textarea запихал, чтоб можно было потягать-поресайзить