jQuery切换菜单,默认隐藏在x像素以下,如何
jQuery toggle menu, default hidden below x pixels, how?
我有以下jQuery代码:
<script type="text/javascript">
jQuery(document).ready(function($) {
$("#nav").hide();
$("#toggle-nav").click(function () {
$("#nav").slideToggle('fast');
});
});
</script>
这个是HTML:
<button id="toggle-nav">...</button>
<nav id="nav">...</nav>
…我可以在手机屏幕上切换菜单。
我的新问题是我不知道如何为默认隐藏菜单设置屏幕宽度起始点。
提前感谢!
我认为一个选择是使用像
这样的媒体查询@media screen and (max-width:500px) {
#nav {
display:none;
}
}
演示:小提琴
处理不同屏幕尺寸的最佳方法是在CSS中使用媒体查询,但如果你使用Jquery,则使用:-
$(window).width()
in Jquery.
在这里阅读更多内容:- http://api.jquery.com/width/
相关文章:
- 如何通过溢出来判断元素被切断了多少像素:隐藏在父级上
- 如何使线条的边缘像素保持半透明
- 如何's css标记"-webkit最小设备像素比”;在Javascript中实现
- 如何根据分辨率添加像素
- JS/CSS:如何在向下滚动超过1200像素(高度)后更改z索引值
- 如何将像素添加到元素的当前位置
- 滚动到..如何滚动到#上方一定数量的像素
- 如何使用javascript获取像素中左/右/上/下属性的值
- 如何将CSS背景位置属性从百分比转换为像素
- ExtJS:“图像”类型的精灵:如何更改像素
- 如何将 css 像素转换为 css3 比例 (x,y)
- 如何使文本字段中的文本光标以几像素开始
- 如何修复重复的Facebook像素ID错误
- 如何在不使用像素的情况下使这些标签大小相同
- 如何随着变量的增加逐个像素地重新创建预制png
- .height() 以百分比返回高度,如何以像素为单位获取它
- 如何从顶部获取窗口位置(以像素为单位)
- 传单:如何在变焦后,在变焦开始之前获取纬度液化天然气的像素位置
- 我将如何在一个网页上放置多个Facebook跟踪像素
- 如何通过 websocket 高效处理大量 HTML5 画布像素数据