Помогите спозиционировать popup окно

Тема в разделе "Верстка", создана пользователем mozal, 14 мар 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. mozal

    mozal Постоялец

    Регистр.:
    24 окт 2011
    Сообщения:
    58
    Симпатии:
    8
    Проблема в том что страница может растягиваться в высоту. При добавлении товара в корзину появляется корзина popup c position:absolute; top:25%; и когда ты добавляешь товар с низа страницы, то получается что тебе нужно долго крутить вверх чтобы понять что произошло - что плохо((
    как быть?
    есть ли решение кроссброузерное?

    буду благодарен за скорую помощь!
     
  2. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    179
    Зафиксируйте корзину снизу страницы, если её расположить в самом конце документа, то проблем с позиционированием не будет.
     
  3. Vishez

    Vishez

    Регистр.:
    19 авг 2013
    Сообщения:
    169
    Симпатии:
    81
    Закрепи корзину в определенном месте страницы.
    Код:
    position: fixed;
    
     
  4. mozal

    mozal Постоялец

    Регистр.:
    24 окт 2011
    Сообщения:
    58
    Симпатии:
    8
    Спасибо ребята, но ни так на так, не удвалитворительно.((
    Если расположить в низу, то при добавлении товара с верху корзину будет не видно.
    А если fixed, то высота корзины иногда не позволяет видеть ее в полный рост(
     
  5. Vishez

    Vishez

    Регистр.:
    19 авг 2013
    Сообщения:
    169
    Симпатии:
    81
    Увеличь отступ от одного из краев. Не на всю же страницу у тебя корзина. Вообще подобные задачи сразу нужно давать с примерами, так мы сразу на сайте сами увидим что не так и как лучше сделать. Посредники в виде тебя не нужны конечно же.
     
  6. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    179
    Если честно, какая-то ерунда...
    Куча магазинов с фиксированными корзинами сверху.
    И с фиксированными снизу страницы тоже.
    Я вот что имел ввиду:
    http://fasmarket.ru/help/korzina/
     
  7. mozal

    mozal Постоялец

    Регистр.:
    24 окт 2011
    Сообщения:
    58
    Симпатии:
    8
    По ссылке ваще ничо не понятно)
    по сути.
    Страница height:7000px (все товары на странице)
    Корзина пустая height:40px
    Она пищинка. И если ты добавил товар сверху страницы. и корзина вверху все ок. а если с низу, то видно только затемнее а корзины нет, и нужно скролить вверх страницы.
    ну и наоборот тоже плохо. Вот походу отказываться от нее, а она симпатишная((
     
  8. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    179
    Что конкретно не понятно по ссылке?
    То что корзина всегда видна и она внизу?
    Вверху есть её дубль.
     
  9. MadChild

    MadChild Постоялец

    Регистр.:
    23 янв 2013
    Сообщения:
    72
    Симпатии:
    5
    используй на jQuery функцию resize, получай $(window).scrollTop(); ну и далее все понятно :)
     
  10. Andersol

    Andersol Постоялец

    Регистр.:
    1 окт 2012
    Сообщения:
    55
    Симпатии:
    28
    document.getElementById('korzina').scrollIntoView();