记得在页面调用JS:
<script type="text/javascript" src="js/publicLHW.js"></script>
把下面js 保存到 publicLHW.js
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
console.log("Mob");
return true;
} else {
console.log("PC");
return false;
}
};
调用方法——栗子1:
$(function() {
if (browserRedirect() == false) {
$(window).scroll(function() {
if ($(window).scrollTop() > $("#banner").height()) {
$(".header").css("background", "rgba(0,0,0,0.6)");
} else if ($(window).scrollTop() > $(".nbanner").height() * 0.75) {
$(".header").css("background", "rgba(0,0,0,0.6)");
} else {
$(".header").css("background", "rgba(0,0,0,0)");
}
});
}
})
栗子2:
if(browserRedirect() == false){
// PC 导航按钮
$(".nav_btn").click(function(){
$(this).toggleClass("nav_btn_close");
// $("#nav").slideToggle();
});
}else{
//手机端导航按钮
$(".nav_btn").click(function(){
$(this).toggleClass("nav_btn_close");
$("#nav").slideToggle();
});
};