Вопрос по jquery, html, css – JQuery «плавающая» вкладка, такая как GetSatisfaction

18

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit ExceededError: User Rate Limit ExceededError: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

... И да, я мог бы просто разграбить неудовлетворенность, но я бы предпочел иметь хороший испытанный плагин JQuery.

Ваш Ответ

2   ответа
3

Вот отличная ссылка:http://www.building58.com/examples/tabSlideOut.html

26

Вам действительно не нужен Javascript для этого. Это достигается путем предоставления элементу позицииfixed:

<a id="floating_link" href="whatever.html">Go Somewhere</a>

#floating_link {
     position: fixed;
     right: 0;
     top: 400px;
     display: block;
     width: 50px;
     height: 125px;
     text-indent: -10000px;
     background-image: url(/my/image.jpg);
     overflow: hidden;
}

К сожалению, IE6 не поддерживаетfixed, Вы можете обойти это с помощьюэтот плагин.

Если вы не заботитесь о IE6, то можете просто использовать вышеописанное. Единственное отличие состоит в том, что IE6 будет рассматривать его как абсолютный элемент (поэтому он не будет прокручивать страницу вниз, что не имеет большого значения)

Вот пример этого на работе, Как видите, вся область кликабельна.

Я полностью упустил из виду тот факт, что вы на самом деле также вставили ссылку, извините. Работает отлично, спасибо еще раз! :) Kjensen
Нет проблем. Я добавил живой пример в любом случае.
Как и сейчас, вся ссылка должна быть кликабельной. Какое поведение вы получаете?
Отличный ответ, спасибо. Как я могу сделать весь контент #floating_link кликабельным? По возможности, только с помощью a-href. Я могу окружить div тегом a, но вложение div внутри якоря кажется очень грязным. Kjensen

Похожие вопросы