点击弹出气泡注释，滚动条滚动隐藏气泡内容

ATT_VSP

于 2016-04-28 15:06:31 发布

阅读量678

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/smbm0823/article/details/84795356

本文介绍了一种使用JavaScript实现的特殊效果：当用户滚动页面时，先前显示的气泡类注释会自动隐藏。该效果通过修改元素属性并利用事件监听来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 当点击弹出气泡类注释,滚动条滚动后气泡隐藏
function look(id,bzxh){
    if (id=='1') {
        $('#ckbz'+bzxh).poshytip('show');
        $("#main").scroll(function() {
            $('#ckbz'+bzxh).poshytip('hide');
            $('#ckbz'+bzxh).attr('href','javascript:look(1,'+bzxh+')');
        });
        $('#ckbz'+bzxh).attr('href','javascript:look(2,'+bzxh+')');
    } else {
        $('#ckbz'+bzxh).poshytip('hide');
        $('#ckbz'+bzxh).attr('href','javascript:look(1,'+bzxh+')');
    }
}