web--前端之js代码3
2017-10-10 11:01
393 查看
这个是之前写的代码所用到的js代码
//自定义js //公共配置 $(document).ready(function () { // MetsiMenu $('#side-menu').metisMenu(); // 打开右侧边栏 $('.right-sidebar-toggle').click(function () { $('#right-sidebar').toggleClass('sidebar-open'); }); //固定菜单栏 $(function () { $('.sidebar-collapse').slimScroll({ height: '100%', railOpacity: 0.9, alwaysVisible: false }); }); // 菜单切换 $('.navbar-minimalize').click(function () { $("body").toggleClass("mini-navbar"); SmoothlyMenu(); }); // 侧边栏高度 function fix_height() { var heightWithoutNavbar = $("body > #wrapper").height() - 61; $(".sidebard-panel").css("min-height", heightWithoutNavbar + "px"); } fix_height(); $(window).bind("load resize click scroll", function () { if (!$("body").hasClass('body-small')) { fix_height(); } }); //侧边栏滚动 $(window).scroll(function () { if ($(window).scrollTop() > 0 && !$('body').hasClass('fixed-nav')) { $('#right-sidebar').addClass('sidebar-top'); } else { $('#right-sidebar').removeClass('sidebar-top'); } }); $('.full-height-scroll').slimScroll({ height: '100%' }); $('#side-menu>li').click(function () { if ($('body').hasClass('mini-navbar')) { NavToggle(); } }); $('#side-menu>li li a').click(function () { if ($(window).width() < 769) { NavToggle(); } }); $('.nav-close').click(NavToggle); //ios浏览器兼容性处理 if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { $('#content-main').css('overflow-y', 'auto'); } }); $(window).bind("load resize", function () { if ($(this).width() < 769) { $('body').addClass('mini-navbar'); $('.navbar-static-side').fadeIn(); } }); function NavToggle() { $('.navbar-minimalize').trigger('click'); } function SmoothlyMenu() { if (!$('body').hasClass('mini-navbar')) { $('#side-menu').hide(); setTimeout( function () { $('#side-menu').fadeIn(500); }, 100); } else if ($('body').hasClass('fixed-sidebar')) { $('#side-menu').hide(); setTimeout( function () { $('#side-menu').fadeIn(500); }, 300); } else { $('#side-menu').removeAttr('style'); } }
相关文章推荐
- 工欲善其事 之 Web 前端调试工具格式化混淆过的 JS 代码
- web--前端之js代码2
- web--前端之js代码4
- 前端模块化实践----使用webpack打包js代码
- web前端常用js小段代码
- web--前端之js代码5
- web前端开发upload上传头像js示例代码
- web--前端之js代码7
- web—前端之使用的js代码1
- web--前端之js代码8
- WEB开发:如何用js来模拟服务器的ajax响应,不依赖服务器来编写前端代码
- 前端防止用户重复提交js实现代码示例
- 【Web前端】js 跨域访问问题
- 前端js判断访问站点设备(手机还是PC)实现自动跳转代码
- Web 拖拽 js 代码
- WEB前端开发学习----6.CSS 和 JS 在html的使用方法
- EasyDSS高性能流媒体服务器前端重构(四): webpack + video.js 打造流媒体服务器前端
- Web前端:11个让你代码整洁的原则
- 指尖下的js —— 多触式web前端开发之三:处理复杂手势
- 汇总前端最最常用的JS代码片段-你值得收藏