代码优先:
html {
display:flex;
width:100%;
height:100%;
}
body {
display:flex;
flex:1;
}
.container {
display:flex;
flex:1;
overflow-y:auto;
flex-direction:column;
justify-content:center;
align-items:center;
}
.block1 {
justify-content:center;
background-color:green;
display:flex;
width:300px;
min-height:150px;
}
.block2 {
background-color:blue;
display:flex;
min-height:300px;
width:500px;
}<div class="container">
<div class="block1">
<img src="https://tse2.mm.bing.net/th?id=OIP.M252f960f4a4f32c22914d8d87623f066o0&pid=15.1">
</div>
<div class="block2"></div>
</div>我在一个容器中有两个块.我希望他们以屏幕为中心.问题是当屏幕高度很小时,我有一个滚动条出现,但第一个块有一个离屏的部分(看不见)
要重现,请降低jsfiddle预览窗口的高度.离开屏幕你会理解我的意思.
预期的行为是让滚动条出现并保持div可见.
我尝试通过在每个元素上将flex-shrink设置为0但它不起作用...
我已经浏览了其他线程并使用了一个作为参考，但仍然无法找到解决方案。
我的问题是：
我正在按钮单击时调用一个函数，该函数在验证后已验证我试图在提交处理程序中使用 ajax 请求发布数据，问题是我的字段正在得到验证，但未调用 Ajax 请求。
<input type="button" value="Register" id="registerP" onclick="registerPatient()" class="form-control input-sm btn-success ">
function registerPatient(){
$("#patientRegistration").validate({
rules: {
patientName: {
required: true,
textOnly: true
},
},
messages: {
patientName: {
required: "Please enter the full name",
},
},
submitHandler: function(form) {
$.ajax({
type: "POST",
url: "/LoginMavenSpringMVC/appointment/savePatient",
data: "patientName=" + patientName,
success: function(response){},
error: function(e){}
});
}
});
}
但是，如果我不使用验证并直接调用 Ajax，我就可以发布数据。请建议我要去哪里错了。
我的Javascript不与我的HTML通信.我正在尝试做一个scrollto函数,但似乎我的javascript和HTML之间的连接有问题.
使用Javascript:
$('a[href^="#"]').on('click', function(event) {
var target = $(this.href);
if( target.length ) {
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 10000);
}
});
HTML:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="parallax.js"></script>
<script type="text/javascript" src="scrollto.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" href="favicon.png" type="image/gif" sizes="16x16">
<title></title>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
</head>
"myfield": {
"answers": {
"Key1": "value1",
"Key2": "value2"
}
}
var Obj2={"key3":"value3"}
我正在努力使用javascript 将Obj2放入myfield对象
预期结果:
"myfield": {
"answers": {
"Key1": "value1",
"Key2": "value2",
"Key3": "value3"
}
}