var detailsone=document.getElementById('detailsone'); var pd1=document.getElementById('pd1'); var pd2=document.getElementById('pd2'); var x=document.getElementById('x'); var detailcontent=document.getElementById('detailcontent'); // var body=document.getElementsByTagName('body'); pd1.onclick=function (){ console.log(1) window.scrollTo(0,0); var H=document.documentElement.clientHeight; var H=H+300; detailsone.style.height=H+"px"; detailsone.style.display="block"; detailsone.addEventListener("touchmove",function(e){ e.preventDefault(); },false); detailcontent.innerHTML="产品1详情"; } pd2.onclick=function (){ console.log(1) window.scrollTo(0,0); var H=document.documentElement.clientHeight; var H=H+300; detailsone.style.height=H+"px"; detailsone.style.display="block"; detailsone.addEventListener("touchmove",function(e){ e.preventDefault(); },false); detailcontent.innerHTML="产品2详情"; } x.onclick=function (){ detailsone.style.display="none"; }