作者 乔爽

update

... ... @@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登记</title>
<title>登记</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
... ... @@ -25,6 +25,9 @@
.bottom{
width: 100%;
}
.mid{
font-size: 0.24rem;
}
</style>
</head>
<body>
... ... @@ -63,46 +66,59 @@
</div>
<!--右边-->
<div class="mid_item_right contact">
<p class="contact_way">
<span>
<div class="contact_way">
<p>
您的姓名<span class="color_red">*</span>
</span>
<input class="contact_way_input" type="text" >
</p>
<p class="contact_way">
<span>
您的职务<span class="color_red">*</span>
</span>
<div class="contact_box">
<input class="contact_way_input" type="text" >
</div>
</div>
<div class="contact_way">
<p>
您的职务<span class="color_red">*</span>
</p>
<p class="contact_way">
<span>
办公电话
</span>
<div class="contact_box">
<input class="contact_way_input" type="text" >
</div>
</div>
<div class="contact_way">
<p>
办公电话
</p>
<p class="contact_way">
<span>
联系QQ
</span>
<div class="contact_box">
<input class="contact_way_input" type="text" >
</div>
</div>
<div class="contact_way">
<p>
联系QQ
</p>
<p class="contact_way">
<span>
手机号<span class="color_red">*</span>
</span>
<div class="contact_box">
<input class="contact_way_input" type="text" >
</div>
</div>
<div class="contact_way">
<p>
手机号<span class="color_red">*</span>
</p>
<p class="contact_way">
<span>
公司名称<span class="color_red">*</span>
</span>
<div class="contact_box">
<input class="contact_way_input" type="text" >
</div>
</div>
<div class="contact_way">
<p>
公司名称<span class="color_red">*</span>
</p>
<div class="contact_box">
<input class="contact_way_input" type="text" >
</div>
</div>
<div class="contact_way">
<span>
<p>
公司地址<span class="color_red">*</span>
</span>
</p>
<!--三级联动样式设置-->
<div data-toggle="distpicker">
<div class="contact_way_select">
... ... @@ -128,12 +144,14 @@
</div>
</div>
</div>
<p class="contact_way">
<span>
<div class="contact_way">
<p>
详细地址<span class="color_red">*</span>
</span>
<input class="contact_way_input" type="text" >
</p>
<div class="contact_box">
<input class="contact_way_input" type="text" >
</div>
</div>
</div>
... ... @@ -425,6 +443,26 @@
<script src="js/distpicker.js"></script>
<script>
$("input").blur(function(){
setTimeout(function() {
var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 300);
})
//聚焦监听
$('input').focus(function() {
if((/Android/gi).test(navigator.userAgent)) {
window.addEventListener('resize', function() {
if(document.activeElement.tagName == 'INPUT' ||
document.activeElement.tagName == 'TEXTAREA') {
window.setTimeout(function() {
document.activeElement.scrollIntoViewIfNeeded();
}, 0);
}
});
}
})
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
... ...
... ... @@ -82,7 +82,7 @@ input{
width: 5.1rem;
}
.mid_item_right input{
border-bottom: 1px solid #959595;
/*border-bottom: 1px solid #959595;*/
background: transparent;
}
/*展位要求*/
... ... @@ -177,7 +177,7 @@ input{
margin-top: 0;
}
.contact_way input{
width: 3.5rem;
}
/*公司地址*/
.contact_way_select{
... ... @@ -221,3 +221,7 @@ input{
font-size: 0.24rem;
color: #666666;
}
.contact_box{
border-bottom: 1px solid #959595;
}
... ...
... ... @@ -22,6 +22,9 @@
color: #959595;
font-size: 0.5rem;
}
.mid_item{
font-size: 0.24rem;
}
</style>
</head>
<body>
... ... @@ -310,6 +313,26 @@
<script src="js/jquery.min.js"></script>
<script>
$("input").blur(function(){
setTimeout(function() {
var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 300);
})
//聚焦监听
$('input').focus(function() {
if((/Android/gi).test(navigator.userAgent)) {
window.addEventListener('resize', function() {
if(document.activeElement.tagName == 'INPUT' ||
document.activeElement.tagName == 'TEXTAREA') {
window.setTimeout(function() {
document.activeElement.scrollIntoViewIfNeeded();
}, 0);
}
});
}
})
//底部四个按钮
$('.index').click(function () {
window.location.href = "index.html"
... ...