用xp做网站是否先搭建iis,wordpress对php版本要求,转转钓鱼链接怎么制作,哪些网站是营销型网站及原因今日帮朋友写了一个手机网页里用的模态对话框#xff0c;防止自己日后忘记#xff0c;所以mark一下。原理很简单#xff0c;当弹出了模态对话框的时候#xff0c;就是touchmove事件进行监听#xff0c;如果是对话框的touchmove事件#xff0c;就允许拖动#xff0c;其他…今日帮朋友写了一个手机网页里用的模态对话框防止自己日后忘记所以mark一下。原理很简单当弹出了模态对话框的时候就是touchmove事件进行监听如果是对话框的touchmove事件就允许拖动其他的就不允许。 !DOCTYPE html
html langen
headmeta charsetUTF-8/titleTitle/titlescript srcjquery.js/script
/head
body
div οnclickshowModal() classmodal-invokerClick Me! Show Modal!/div
div οnclicknoResponse() classmodal-testerClick Me! No Response/divdivpbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/pbr/
/divdiv οnclickclickBackground() classmodal-background
/divdiv classmodal-container text-centerdiv classmodal-titleTitle/divdiv classmodal-content scrollableDescriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr/Descriptionbr//divdiv classmodal-footerdiv classmodal-cancel-btn οnclickcancelModal()Cancel/divdiv classmodal-ok-btn οnclickokModal()OK/div/div
/divscriptvar isPreventView false; //当弹出模态框时就不允许滑动var selScrollable .scrollable;$(body).on(touchmove, function(e) {if(!$(e.target).hasClass(scrollable)){if(isPreventView){e.preventDefault();}} else {if (e.target.scrollTop 0) {e.target.scrollTop 1;} else if (e.target.scrollHeight e.target.scrollTop e.target.offsetHeight) {e.target.scrollTop - 1;} }});function clickBackground(){return;}function showModal(){$(.modal-background).css(visibility, visible);$(.modal-container).css(visibility, visible);$(body).css(overflow, hidden);isPreventView true;}function hideModal(){$(.modal-background).css(visibility, hidden);$(.modal-container).css(visibility, hidden);$(body).css(overflow, auto);isPreventView false;}function noResponse(){alert(Before Modal dialog show, there is a response);}function cancelModal(){alert(Cancel the modal);hideModal();}function okModal(){alert(OK the modal);hideModal();}/scriptstyle.modal-background{position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 255, 0.5);color: rgb(0, 0, 0);visibility: hidden;}.modal-container{position: absolute;height: 200px;width: 200px;;left: Calc(50% - 100px);top: Calc(50% - 100px);background-color: #6b6a6a;visibility: hidden;}.modal-title{height: 30px;}.modal-content{height: 130px;overflow-y: scroll;}.scrollable{}.modal-footer{height: 40px;}.modal-cancel-btn{float: left;width: 100px;}.modal-ok-btn{float: left;width: 100px;}.text-center{text-align: center;}.modal-invoker{height: 200px;background-color: red;}.modal-tester{height: 200px;background-color: blue;}
/style
/body
/html 转载于:https://www.cnblogs.com/longcloud/p/5065673.html