V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
PageSpeed 相关文档
为 NGINX 编译 PageSpeed 支持
ngx_pagespeed
Configuring mod_pagespeed Filters
加载性能测试工具
WebPagetest
Gomez
deepkolos
V2EX  ›  前端优化

在移动端微信内置浏览器 , overflow 的 hidden/scroll 的 switch 花销好大啊, 要 170+ms , 手机 CPU 骁龙 801

  •  
  •   deepkolos · 2017-08-11 23:27:36 +08:00 · 2919 次点击
    这是一个创建于 2659 天前的主题,其中的信息可能已经有所发展或是发生改变。

    手机上没有这个问题有, TIM 的内置浏览器 , 已测试遨游, 羽浏览器

    微信版本 6.5.10

    测试页面

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    	<title>Document</title>
    	<style>
    		*{
    			padding:0px;
    			margin:0px;
    		}
    		.outerBox {
    			width:100vw;
    			height:100vh;
    			overflow: scroll;
    		}
    		.hidden {
    			overflow: hidden!important;
    		}
    		.innerBox {
    			width:200%;
    			height:100%;
    			background: url(blance.png);
    		}
    	</style>
    </head>
    
    <body>
    	<ul class="outerBox">
    		<li class="innerBox"></li>
    	</ul>
    </body>
    <script>
    
    	var $outerBox = document.querySelector('.outerBox')
    		$innerBox = document.querySelector('.innerBox');
            
    	$outerBox.addEventListener('touchend',function(){
    		$outerBox.classList.toggle('hidden');
    	}, false);
    </script>
    
    </html>
    
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1800 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:29 · PVG 00:29 · LAX 08:29 · JFK 11:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.