5

我的网站底部有一个类似 facebook 的按钮。当我点击它时，我可以输入评论的“框”出现在我的网络浏览器窗口之外，我无法向下滚动或类似的东西（见下面的截图 - 图像的底部是窗口的底部）。我怎样才能解决这个问题？（即使框出现在按钮上方）。tks

在此处输入图像描述

HTML

  <div id="social">
    <div class="fb-like" data-href="http://mydomain.com" data-send="false" data-layout="button_count" data-width="106" data-show-faces="false" data-font="verdana"></div>
    <a href="https://twitter.com/share" class="twitter-share-button" data-lang="msa">Tweet</a> 
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 
  </div>

CSS：

#footer {
    position: fixed;
    bottom: 0;
    color: #333;
    left: 0;
    z-index: 999;
    width: 96%;
    text-align: right;
    padding: 30px 2%;
    vertical-align: bottom;
}
#social {
    position: absolute;
    vertical-align: middle;
    left: 2%;
    color: #333;
}

.fb_iframe_widget, iframe.twitter-share-button {
    display: inline-block;
    vertical-align: middle;
}
span.languageselector {
    display: inline-block;
    height: 20px; /* same height as #social div */
    line-height: 20px; /* same as line-height */
}
4

3 回答 3

1

实际上有一个讨厌的解决方案。而且我不认为这是一个合法的。但是，如果它非常重要，您可以覆盖 facebook css。在你的情况下，这样的事情就可以解决问题。

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget span iframe {

/* Now you can apply css here */
bottom:0!important;
}

如果你想启用发送按钮，你可以使用，

对于浅色方案：

.fb_edge_comment_widget.fb_send_button_form_widget.light.fb_iframe_widget {

/********css code here*******
*Ex:    
position: fixed!important;
bottom: 20px!important;
top: initial!important;
*/
}

对于深色方案：

.fb_edge_comment_widget.fb_send_button_form_widget.dark.fb_iframe_widget {

/********css code here*******/

}

我再说一遍，这不是一个适当的解决方案。所以除非真的很重要，否则不要使用它。请记住，这些课程可以更改，并不适合所有场合。

于 2012-10-27T20:53:10.397 回答
1

我有同样的问题。我能够通过删除属性来修复它

overflow:auto

从父元素

于 2013-10-15T15:53:14.950 回答
0

这是将Like按钮嵌入固定和绝对定位的容器中的常见问题。在您的情况下，最简单的解决方案是将类似按钮在页面中向上移动。您不能强制评论框弹出而不是down。

于 2012-08-19T00:51:04.103 回答