微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在固定元素中添加此小部件-位置错误?

| 我将addthis用作垂直工具箱,将弹出窗口显示在悬停在固定元素上。 但是在滚动时,弹出窗口将显示在其他位置。我尝试使用顶部和左侧偏移量的配置,但没有用。有什么解决办法吗? 在这里演示-> http://jsfiddle.net/vaakash/QzjxR/1/embedded/result/     

解决方法

        我尝试使用jQuery使用代码,并且相当满足我的需求。所以。在这里,我使用on \“ mousemove \”事件定位弹出窗口,它确实起作用。
$(\'.addthis_button_compact,.addthis_bubble_style\').mousemove(function(e){
    $(\'#at15s\').css({
        \'top\': e.pageY - 200,\'left\': e.pageX - 200
    });
});
    ,        据AddThis人士称,显然没有解决办法。   发生这种情况是因为我们不   重新计算DIV的位置   调用菜单后。我什么   会禁用紧凑菜单   并将按钮设置为仅使用   展开的(完整)菜单,该菜单是自动的   居中。 因此将
<a class=\"addthis_button_compact\"></a>
更改为
<a class=\"addthis_button_expanded\"></a>
http://www.addthis.com/forum/viewtopic.php?f=5&t=24157     ,        我遇到了类似的情况,我有一个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 }
请参阅AddThis菜单偏移以获取
addthis_config
参数的帮助。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。