栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

检测下拉导航是否会在屏幕外消失并重新定位

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

检测下拉导航是否会在屏幕外消失并重新定位

我想你快到了…

您实际上应该只对宽度所涉及的计算感兴趣。如果下拉元素的宽度和该元素的偏移量大于容器的宽度,则需要切换菜单。

$(function () {    $(".dropdown li").on('mouseenter mouseleave', function (e) {        if ($('ul', this).length) { var elm = $('ul:first', this); var off = elm.offset(); var l = off.left; var w = elm.width(); var docH = $(".container").height(); var docW = $(".container").width(); var isEntirelyVisible = (l + w <= docW); if (!isEntirelyVisible) {     $(this).addClass('edge'); } else {     $(this).removeClass('edge'); }        }    });});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/635509.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号