固定悬浮框

最新推荐文章于 2024-02-23 14:15:16 发布

原创最新推荐文章于 2024-02-23 14:15:16 发布 · 504 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #javascript

javaweb 同时被 3 个专栏收录

8 篇文章

订阅专栏

javascript

5 篇文章

订阅专栏

css

1 篇文章

订阅专栏

js代码：

$.fn.smartFloat = function() {
    var position = function(element) {
        var top = element.position().top, pos = element.css("position");
           element.css({
                      position: "fixed",
                right:"10px",bottom:"10px"
                  });
            $(window).scroll(function() {
                var scrolls = $(this).scrollTop();
                    element.css({
                        position: "fixed",
                        right:"10px",bottom:"10px"
                    });
            });
        };
        return $(this).each(function() {
            position($(this));                         
        });
      }; 

    $(function(){            
        $("#messagePlace").smartFloat();
    });