最新消息:文章中包含代码时,请遵守代码高亮规范!

手机端网页总结二【原创】

HTML+CSS Niki 183浏览 0评论

1,在手机端的a标签(链接),在点击跳页面的时候,会出现蓝色透明背景块。

加以下代码去除


a:active{
 background: none;
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
 -moz-tap-highlight-color:rgba(0, 0, 0, 0);
 -ms-tap-highlight-color:rgba(0, 0, 0, 0);
 -o-tap-highlight-color:rgba(0, 0, 0, 0);
 tap-highlight-color:rgba(0, 0, 0, 0);

2,在ios手机上,overflow:scroll页面滑动很卡

可以在你的这个块上加css


-webkit-overflow-scrolling:touch

在body上加


overflow:hide;

3,在解决上面的ios卡顿的问题之后,你会发现ajax分页这时候在安卓手机上不能用了这时候就需要js来判断手机的系统了


if(mobile==0){//判断手机系统的自己完成吧,网上也有很多
$('body').css('overflow','hidden');
$('.content-right').css('-webkit-overflow-scrolling','touch');
document.querySelector('.content-right').addEventListener('scroll', function() {
})
}

4,页面返回键进页面刷新页面,有时候比如说进一个页面修改完东西返回,想刷新页面,直接在js里面写,在点返回建的时候是不起作用的这时候可以加上以下代码


$(function () {
if(window.name != 'bencalie'){
location.reload();
window.name = 'bencalie';
} else {
window.name = '';
}
});

 

 

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/21900.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Niki的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!