Сделать плавную прокрутку div вверх / вниз с помощью страницы?

Question

Сделать плавную прокрутку div вверх / вниз с помощью страницы?

0

У меня есть ваш стереотипный столбец с двумя колонками (1 контент, 1 боковая панель), в каждом столбце размещены противоположности и все такое. Но мне нужна моя боковая панель для прокрутки страницы. Мой первый инстинкт заключался в том, чтобы использовать position:fixed, не понимая, что это испортит мои поплавки. Поэтому я не совсем уверен, что делать. Я бы предпочел не абсолютную позицию двух столбцов, если я могу избежать этого. Этот сайт более или менее полностью закодирован, и я только узнал о необходимости того, чтобы боковая панель прокручивалась в последнем этапе процесса. Так что это своего рода PITA, чтобы делать слишком много.

Поэтому по существу мне нужен способ сделать плавающий DIV действовать так, как если бы он находился под воздействием position:fixed

Моей мыслью было идеально, возможно, решение javascript/jQuery, которое просто защелкивается на div и заставляет магия произойти? Но я открыт для решения CSS, если он быстрый/простой.

Jeremy Duenas 06 янв. 2014, в 23:13

Источник

0

Возможный дубликат stackoverflow.com/questions/12954759/jquery-scroll-sidebar
Hacknightly 06 янв. 2014, в 21:22
0

в чем проблема, чтобы вы не могли использовать фиксированное положение? что происходит, что вы не хотите, чтобы это случилось? если вы скажете нам больше, мы можем помочь.
tenub 06 янв. 2014, в 21:30
0

Как вы устанавливаете ширину и высоту? Это в процентах или px / em?
Cam 06 янв. 2014, в 22:34

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Возможный дубликат stackoverflow.com/questions/12954759/jquery-scroll-sidebar
в чем проблема, чтобы вы не могли использовать фиксированное положение? что происходит, что вы не хотите, чтобы это случилось? если вы скажете нам больше, мы можем помочь.
Как вы устанавливаете ширину и высоту? Это в процентах или px / em?

Stephen Thomas · Accepted Answer · 2014-01-06T21-26-00.000Z

Я предполагаю, что ваша проблема с созданием position: fixed боковой панели position: fixed то, что она выводит ее из потока, поэтому основное содержимое перемещается влево, под боковой панелью. Если это правильная интерпретация, добавьте margin-left к основному содержимому с той же шириной, что и боковая панель, например:

.sidebar {
    position: fixed;
    width: 200px;
}
.content {
    margin-left: 200px;
}

Имея только два столбца, нет необходимости плавать основной контент. Отрегулируйте по мере необходимости для вашей конкретной ситуации (например, измените единицы на em или что-то еще).

С этим я столкнулся с проблемой заправления боковой панели за контентом. Но я просто добавил к нему поле, чтобы оно могло очистить содержимое, и оно прекрасно работает. Спасибо!