Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在某些分辨率下,下拉菜单被切断_Javascript_Css_Responsive Design - Fatal编程技术网

Javascript 在某些分辨率下,下拉菜单被切断

Javascript 在某些分辨率下,下拉菜单被切断,javascript,css,responsive-design,Javascript,Css,Responsive Design,我正在为客户构建一个响应性导航菜单。除了我在移动设备上遇到的一个问题,菜单列表从页面上被切断之外,它大部分都可以工作 其思想是链接属于一个内联列表,当视口变小时,它们被隐藏并显示一个菜单按钮。点击菜单按钮将通过添加“打开”类在其下方显示一个常规的垂直列表 下面是一些代码: /*代码不完整,但基本上将页眉固定到页面顶部*/ ifwindow.orientation==“0”{ if!header.hasClass'scrolling'{ header.addClass“滚动滚动已修复”; } }

我正在为客户构建一个响应性导航菜单。除了我在移动设备上遇到的一个问题,菜单列表从页面上被切断之外,它大部分都可以工作

其思想是链接属于一个内联列表,当视口变小时,它们被隐藏并显示一个菜单按钮。点击菜单按钮将通过添加“打开”类在其下方显示一个常规的垂直列表

下面是一些代码:

/*代码不完整,但基本上将页眉固定到页面顶部*/ ifwindow.orientation==“0”{ if!header.hasClass'scrolling'{ header.addClass“滚动滚动已修复”; } }否则ifwindow.orientation=='90'| | window.orientation==='-90'{ 如果$window.scrollTop>0{ header.removeClass'scroll-fixed'; }否则{ header.removeClass'scrollingscroll fixed'; } } /*这是切换时的显示方式*/ ulnavigation-links.open{ 显示:块; 填充:0.1em; 背景色:$白色; 盒影:1px 1px 4px 9191; 列表样式类型:无; 文本转换:大写; 字号:10pt; 边框:1px实心E5; 边框左下半径:5px; 边框右下半径:5px; 李{ @包括标题栈; 保证金:0; 显示:块; 宽度:100%; a、 a:参观了{ 保证金:0; 填充:0; 颜色:$钴; 文本阴影:2px 1px 3px f1f1; } a:悬停{ 文字装饰:无; 颜色:$钴; 文字阴影:2PX2PX4PXF1F1; } } }
如果您将所有代码都放在一个codepen或jsfiddle中,这样我们就可以诊断这个问题,那么这可能是最好的选择,但是我猜这里有一个溢出:隐藏在这里。我自己也在处理同样的问题,我们的解决方案是在其中加入一些不依赖于滚动的内容:@NathanielFlick谢谢你的建议!我设法弄明白了这一点,但我将你的链接添加到书签中以备将来参考。酷,答案是什么?@NathanielFlick我有一些代码在滚动时将标题固定在页面顶部,而下拉列表绝对适合移动设备。我删除了标题容器中的位置:fixed,我可以再次正确地滚动导航。