JQuery“浮动”选项卡，如GetSatisfaction

Posted 2021-04-24

我想创建一个tab / widget / thingymajiggy，就像这张图片中的反馈一样：

这表现得像this。我只需要重定向点击，我不需要所有其他的东西。

我一直无法找到一个JQuery插件，这样做 - 但也许我只是不知道正确的术语。

...是的，我只能掠夺得到满足，但我宁愿拥有一个经过良好尝试和测试的JQuery插件。

答案

你真的不需要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。你可以使用this plugin解决这个问题。

如果您不关心IE6，那么您可以使用上面的内容。唯一的区别是IE6会将它视为绝对元素（所以它不会向下滚动页面，这不是什么大问题）

Here is an example of it at work。如您所见，整个区域都是可点击的。

另一答案

这里有一个很好的参考：http://www.building58.com/examples/tabSlideOut.html