Question

var name = "#floatMenu";
var menuYloc = null;

$(document).ready(function () {
    menuYloc = parseInt($(name).css("top").substring(0, $(name).css("top").indexOf("px")))

    $(window).scroll(function () {
        var offset = menuYloc + $(document).scrollTop() + "px";
        $(name).animate({ top: offset }, { duration: 500, queue: false });
    });

如何使用jQuery和CSS创建浮动按钮？

Answer 1

使用css position: fixed; top: 100px; left: 100px可以更简单地实现浮动按钮。当您滚动页面并在同一位置时，这将始终可见。

Answer 2

您可以选择两个选项。

CSS或JavaScript（就像您尝试使用代码段一样）

Chris Coyier已经对此进行了解释，所以我只想链接到他的页面：http://css-tricks.com/scrollfollow-sidebar/

使用CSS方法，你不会得到任何多汁的动画。

Answer 3

创建浮动按钮/链接的最简单方法如下：

<a href="#" style="position: fixed; bottom: 20px; right: 20px;"> Preview </a>

如何使用jQuery和CSS创建浮动按钮？

3 个答案: