Регулировка верхнего края элемента web

На моей странице http://bit.ly/KseVxs У меня есть плавающий элемент, который остается в одном месте, когда я прокручиваю страницу вниз.Регулировка верхнего края элемента web

Как настроить css так, чтобы оно отображалось в верхней части страницы? Прямо сейчас он отображается с дополнительным пространством вверху (см. Прилагаемый скриншот). Другими словами, мне нужно, чтобы он вел себя как похожий элемент на этой странице http://bit.ly/LsWPaC, он использует тот же самый точный скрипт и css.

enter image description here

источник

2012-06-15 Acidon

Я думаю, что ваша главная проблема в том, что вы используете таблицы для макета ... Разметка - это немного беспорядок. Я бы подумал о начале. – elclanrs

Невозможно помочь вам, если мы не сможем увидеть вашу страницу с вашим CSS, вашим дополнительным пространством и вашими сценариями ... – JotaBe

Ваша проблема лучше, чем пример, который вы копируете. В их сценарии скрывается окно браузера. Не похоже, что он был отлажен для firefox. –

Пару предложения:

Вы пытались изменить значение смещения в конфигурации плагина? например

$('#floater3').scrollFollow({ 
speed: 500, 
offset: 0 
});

Когда я проверил, теперь смещение установлено на 165 пикселей.

Я также замечаю, что a br - это первый элемент вашего прокручиваемого объекта. Это добавит дополнительную надпись над синим полем «звонок», что может быть нежелательно.

источник

2012-06-16 02:10:02

да, я понял это самостоятельно и смог исправить проблему, отрегулировав смещение, по какой-то причине смещение по-разному работало для хром, чем для FF и IE, поэтому мне пришлось бросить некоторые распознавания браузера в микс и имеют разные значения смещения для каждого из них. Я все равно буду отмечать, что вы отвечаете как правильно, потому что это было правильно на деньги :) – Acidon

В вашем HTML ищет:

<div id="floater2" ...

перерезать весь DIV тег от его исходных дел до его закрытия сНа тега.

Тогда посмотрите на этот HTML блок:

<a href="mold-coupons-free" rel="nofollow"> 
    <img src="images/coupon-free-inspection-town.gif" width="236" height="109" border="0" alt="FREE Mold Inspection coupon"> 
</a>

Вставить код, который вы удалили сразу после </с > тега, поэтому он будет выглядеть следующим образом:

<a href="mold-coupons-free" rel="nofollow"> 
    <img src="images/coupon-free-inspection-town.gif" width="236" height="109" border="0" alt="FREE Mold Inspection coupon"> 
</a> 
<div id="floater2" ... </div>

источник

2012-06-16 00:04:00

Я вложил его так, как вы предлагали, но получил тот же результат в Chrome (большие пробелы сверху), но и теперь он не работает в FF и IE, а не отображается на прокрутке. – Acidon

Пробовал только в Chrome-разработчике Chrome, и я увидел, что интервал улучшился. Вероятно, он не работал в других браузерах. Во всяком случае, просто альтернатива, если вам нужно –

Регулировка верхнего края элемента web

ответ

Смежные вопросы