jquery特效:鼠标经过对象显示悬浮层,超出屏幕下方后,如何判断让悬浮层显示在对象上方?

在下方的悬浮层超出了屏幕,此时该如何让它显示在对象的上方?jquery代码如下:<scripttype="text/javascript">$(document).rea... 在下方的悬浮层超出了屏幕,此时该如何让它显示在对象的上方?
jquery代码如下:
<script type="text/javascript">
$(document).ready(function()
$(".user").mouseover(function(){
$(this).next(".user_con").show();
});
$(".user").mouseout(function(){
$(this).next(".user_con").hide();
});
$(".user_con").mouseover(function(){
$(this).show();
});
$(".user_con").mouseout(function(){
$(this).hide();
});
});
</script>
---------------------
展开
 我来答
zk1989520
2011-07-20 · TA获得超过437个赞
知道小有建树答主
回答量:81
采纳率:0%
帮助的人:47.4万
展开全部
怎么又来提个问题?你提了同样的问题两个吧?
这个也给你回答吧!

这个很好解决嘛!

第一步将user_con的样式设置为position:absolute

第二步先别急着给user_con show出来!先判断下当前这个盒子的高度show出来的时候会不会超出浏览器屏幕!代码改下!
$(".user").hover(function () {
var box = $(this).next();
box.show();
var _h = box.height(),
_top = box.offset().top,
_wh = $(window).height();
if (_h + _top > _wh) {
box.css({ top: (_top - _h - 20) + 'px' });
}
}, function () {
$(this).next().hide();
});
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式