jquery - 如何使用 jQuery 和 CSS 创建 float 按钮？

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 创建 float 按钮？

Answer 1

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