Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在固定元素中添加此小部件-位置错误?_Css_Html_Fixed_Addthis - Fatal编程技术网

Css 在固定元素中添加此小部件-位置错误?

Css 在固定元素中添加此小部件-位置错误?,css,html,fixed,addthis,Css,Html,Fixed,Addthis,我使用addthis作为一个垂直工具箱,弹出窗口显示在一个固定的元素中。 但滚动时,弹出窗口会显示在其他位置。我尝试使用偏移顶部和左侧的配置,但没有用。有什么解决办法吗 这里的演示--->根据添加此人员的说法,显然没有修复程序 这是因为我们没有 重新计算DIV的位置 调用菜单后。我 我们要做的就是禁用压缩菜单 并将按钮设置为仅使用 扩展(完整)菜单,它是自动的 居中 因此,change我尝试使用jQuery来使用代码,并且相当满足了我的需求。所以在这里,我使用了on“mousemove”事件来定

我使用addthis作为一个垂直工具箱,弹出窗口显示在一个固定的元素中。 但滚动时,弹出窗口会显示在其他位置。我尝试使用偏移顶部和左侧的配置,但没有用。有什么解决办法吗


这里的演示--->

根据添加此人员的说法,显然没有修复程序

这是因为我们没有 重新计算DIV的位置 调用菜单后。我 我们要做的就是禁用压缩菜单 并将按钮设置为仅使用 扩展(完整)菜单,它是自动的 居中


因此,change

我尝试使用jQuery来使用代码,并且相当满足了我的需求。所以在这里,我使用了on“mousemove”事件来定位弹出窗口,它确实起了作用

$('.addthis_button_compact, .addthis_bubble_style').mousemove(function(e){
    $('#at15s').css({
        'top': e.pageY - 200 ,
        'left': e.pageX - 200
    });
});

我遇到了一个类似的情况,我有一个div,它根据滚动位置动态地从正常位置更改为固定位置(它是页面中间的一个粘性菜单)

最后,我用以下代码修复了它:

// begin Fix for the AddThis menu positioning..
$(".sharing").bind("mouseenter", function (e) {
  var isSticky = $(".sharing").hasClass("sticky");
  var buttonPos = $(".addthis_button_compact").offset();
  addthis_config.ui_offset_top = isSticky ? buttonPos.top - 9 : 0;
});
// config for the AddThis menu positioning, needs to be in the global scope..
var addthis_config = {  ui_offset_top: 0 }
有关添加此配置参数的帮助,请参见。

通过“位置:固定”将“div.atfixed”定位在相对于视口/浏览器窗口/画布的位置,根据用户代理/浏览器的不同,“div.atfixed”可能是html或body元素,也可能不是。因此,当您滚动时:hover peseudo类仍将其放置在如上所示的位置。因此,它正在采取它应该采取的行动。由于我找不到:hover代码,我怀疑您必须在那里更改,以便弹出窗口相对于div.atfixed--