首页 / WordPress建站 / 基础教程 / WordPress边栏小工具悬浮固定插件:Q2W3 Fixed Widget
Loading收藏1

不少朋友喜欢在边栏设定某个固定的小工具(Widget),但不会折腾代码,怎么办?倡萌建议试试 Q2W3 Fixed Widget 插件,还真的很方便哦!

Q2W3 Fixed Widget 简介

Q2W3 Fixed Widget 顾名思义就是用来设定边栏悬浮固定小工具的WordPress插件。该插件比较值得称赞的一点是,启用后,就会给每一个小工具添加了一个“Fixed widget”的选项,勾选后,该小工具就可以悬浮固定哦!

q2w3_fixed_widget-wpdaxue

Q2W3 Fixed Widget 下载

直接在后台插件安装界面搜索 Q2W3 Fixed Widget  即可在线安装,或者在此下载 Q2W3 Fixed Widget

倡萌建议:将需要固定的小工具放置在最后面。

你可能还喜欢

20 条评论

  1. 这个插件没QQ空间那个效果一半好,用鼠标慢慢的滑动,就停在那一闪一闪,滑动快了直接冲上去,然后在下来,后台设置那个灵敏度简直了都,设为0,往下拉很远,就失效了~无语~

  2. 倡萌,大致是这样,内容部分是float:left,小工具是float:right,当添加了网上那个悬浮代码后,悬浮效果的确出来啦,但当滚动下去的时候,小工具就跳到左边啦。
    这是我那个主题的测试网站,http://www.1895.club (好像有些浏览器打不开这个网站,因为有些似乎还无法打开这种“.club”新后缀的域名)

  3. 倡萌,我也去试用这个插件了,好像没用。
    后来我在网上找了一段代码,效果是出来了,但作者网站的小工具是在左边的,我的是在右边的,然后小工具随页面滚动到顶端时,它自动从右边跳到左边了。这个该如何修改???

    jQuery(document).ready(function($){
    $.fn.smartFloat = function() {
    var position = function(element) {
    var top = element.position().top, pos = element.css("position");
    $(window).scroll(function() {
    var scrolls = $(this).scrollTop();
    if (scrolls > top) {
    if (window.XMLHttpRequest) {
    element.css({
    position: "fixed",
    top: 0
    });
    } else {
    element.css({
    top: scrolls
    });
    }
    }else {
    element.css({
    position: "absolute",
    top: top
    });
    }
    });
    };
    return $(this).each(function() {
    position($(this));
    });
    };

    //绑定,将引号中的内容替换成你想要下拉的模块的ID或者CLASS名字,如"#ABC",".ABC"
    $(".widget_bd_random_post_widget").smartFloat();

    });

    1. 将js中所有的

      position: "fixed",
      top: 0

      改为


      position: "fixed",
      top: 0,
      right:0

      试试
      如果右边的边距达不到效果,自己调节 right:0 中的 0 为其他数值

      1. Good,谢谢倡萌,的确生效啦。
        但随着又有一个问题。就是,小工具在首页悬浮的效果已经出来啦,但点击某篇文章或者某个页面进去后,发现小工具又不悬浮了,比如这个页面和这篇文章,和。这个该如何修改???问题多了点,请见谅。

更多评论

发表评论

我们是靠谱的WordPress建站团队!

专业承接WordPress网站建设及运维、WordPress主题和插件开发、汉化、安装等服务

联系电话:189-3334-7774

查看所有服务项目

视频教程: 点击联系我们
建站咨询: 点击联系我们
售后支持: 点击联系我们
广告合作: 点击联系我们

建站咨询:189-3334-7774

固定电话:0773-8282-430

售后支持:133-0773-9152

微信扫一扫,联系我们