Плавающая боковая панель прокрутки рядом с центрированным относительным делителем

0

Я хотел бы разместить плавающую боковую панель, следующую (левую часть) в мой контент div (автоцентрированный). Я хотел бы разместить его на 790px сверху, а при прокрутке он все равно будет в верхней левой части содержимого div. Я нашел решение с javascript. Но ни один из них не работает с размещением боковой панели рядом с центрированным контентом (мне нужно, чтобы она была динамичной для всех разрешений). Все решения, которые я нашел, меняют положение боковой панели на фиксированное (в javascript-коде) при прокрутке (ниже 790px). Но если я хочу, чтобы все еще было рядом с моим центрированным div, мне нужно использовать абсолютную позицию для боковой панели (даже при прокрутке), верно? Есть ли решение для этого, пожалуйста? Большое спасибо.

  • 0
    Пожалуйста, добавьте jfiddle, чтобы я мог помочь; D
  • 0
    Я впервые использую Fiddle, надеюсь, вы видите код. Что мне нужно, так это поместить боковую панель слева от содержимого (это должно быть легко), но при прокрутке вниз боковая панель должна оставаться видимой в том же месте слева, сверху. jsfiddle.net/gQ675
Теги:

1 ответ

0

использование fixed - создает иллюзию следующего div - например:

HTML:

 <div id="sidebar">
        [ sidebar content ]<br>
        [ sidebar content ]<br>
    </div>
   <div id="container">
    [content]<br>
    ....    
    </div>

CSS:

#sidebar {
        position: fixed;
        top: 60px;
        width: 200px;
        left: 0;
        border: 1px solid #0f0;
    }

heres code - вытащить содержимое javascript и отключить divs и сообщить мне, если это приемлемо: D

  • 0
    Могу ли я использовать фиксированный, если центральный div отличается по ширине, в соответствии с разрешением? Как я могу исправить боковую панель в точное положение?
  • 0
    объясните "diff wide" - и скрипка тоже подойдет!
Показать ещё 12 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню