Остановить фиксированное положение в нижнем колонтитуле ⇐ Jquery

[Anonymous]

Я ищу решение популярной проблемы остановки фиксированного объекта в нижнем колонтитуле страницы.

По сути, у меня есть фиксированное поле «Поделиться». в левом нижнем углу экрана, и я не хочу, чтобы он прокручивался через нижний колонтитул, поэтому мне нужно, чтобы он остановился примерно на 10 пикселей над нижним колонтитулом.

Я рассмотрел здесь и другие вопросы, а также другие. Самая близкая/самая простая демонстрация, которую я смог найти, — http://jsfiddle.net/bryanjamesross/VtPcm/, но мне не удалось заставить ее работать в моей ситуации.

Вот HTML-код поля для общего доступа:

Код: Выделить всё

...

...

...

...и CSS:

Код: Выделить всё

#social-float{
position: fixed;
bottom: 10px;
left: 10px;
width: 55px;
padding: 10px 5px;
text-align: center;
background-color: #fff;
border: 5px solid #ccd0d5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: none;
}

Нижний колонтитул — #footer и не имеет фиксированной высоты, если это имеет значение.

Если бы кто-нибудь помог мне создать простое решение на jQuery, я был бы очень признателен!

Подробнее здесь: https://stackoverflow.com/questions/865 ... -at-footer