我有一个滑动的旋转木马,每个都有自己的按钮。我希望类似的按钮有评论;也就是说,当用户点击“赞”时,系统会向他显示发表评论的提示(http://developers.facebook.com/blog/post/397/)。我开始怀疑这些目标是否兼容,并希望听到是否有人已经实现了这一目标。
Like按钮上的注释比旋转木马中的项目宽,并且正确地溢出到其他旋转木马项目上。然而,这些项目中的一些在剪辑框之外,因为轮播项目必然在具有溢出的div内部:隐藏(否则我们将不会实现在分页时滚动存在的项目的效果)。因此,如果我在当前可见的最右边的项目上单击“赞”,则显示的注释提示将部分位于剪切框之外,因此部分可见。
在我看来,允许注释提示溢出轮播容器的唯一可能希望是将提示放在容器外的dom中。这样,假设我们可以在其所属的Like按钮旁边可视地定位提示,它就不再受容器约束。这似乎是可能的,因为在撰写本文时,评论提示被实现为按钮本身的单独iframe;即,这个XFBML:
<fb:like width="450"></fb:like>
产生(大约)此HTML:
<iframe src="facebook.com/like_button.php"></iframe>
<iframe src="facebook.com/comments_widget.php"></iframe>
但是如果我尝试在dom中移动评论iframe,它会立即永久地变为空白。即使我能找到一种方法来分离某些事件并阻止这种情况,它也表明需要一个复杂的解决方案,并且Facebook可以在将来随时改变其实施方式。因此,我无法移动dom中的注释,因此,提示始终存在被剪裁的危险。 Facebook在这个主题上说了这个:
如果Like按钮位于HTML元素的边缘附近并且overflow属性设置为hidden,则单击该按钮时可能会剪切或完全隐藏弹出按钮。这可以通过将overflow属性设置为隐藏以外的值来解决,例如可见,滚动或自动。
显然,在旋转木马的情况下,无法移除溢出:隐藏。有没有人找到解决方法,或者我应该放弃并在别处度过我的时间?
由于