Jquery web浏览器框架和标题之间的间距
当我粘贴地址时“file:///C:/Users/h/Desktop/test/a.html#cs", "file:///C:/Users/h/Desktop/test/a.html#chgd“或”file:///C:/Users/h/Desktop/test/a.html#wmnh“在web浏览器URL字段中 “儿童生存：提高免疫力和控制腹泻”，“儿童健康、成长和发展：用碘和铁预防精神损害”或“妇女”™《婴儿与新生儿生存与健康：铁补充和食品强化》将显示在网页浏览器框架的顶部 今天，我想在网络浏览器的框架顶部和文本“儿童生存：提高免疫力和控制腹泻”、“儿童健康、成长和发展：用碘和铁预防精神损害”或“妇女”之间留出一点空间™s和新生儿生存与健康：铁补充剂和食物强化“当您在URL字段中粘贴地址时。粘贴URL地址后，按enter按钮后，应该会自动执行此操作 同样的结果也适用于Firefox、IE和ChromeJquery web浏览器框架和标题之间的间距,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,当我粘贴地址时“file:///C:/Users/h/Desktop/test/a.html#cs", "file:///C:/Users/h/Desktop/test/a.html#chgd“或”file:///C:/Users/h/Desktop/test/a.html#wmnh“在web浏览器URL字段中 “儿童生存：提高免疫力和控制腹泻”，“儿童健康、成长和发展：用碘和铁预防精神损害”或“妇女”™《婴儿与新生儿生存与健康：铁补充和食品强化》将显示在网页浏览器框架的顶部 今天，我想在网络浏
<html>
<head>
<title></title>
<link href="bootstrap-theme.css" rel="stylesheet"/>
<link href="bootstrap.css" rel="stylesheet"/>
<script src="jquery-1.11.2.min.js"></script> <script src="bootstrap.min.js"></script>
<script>
jQuery(document).ready(function() {
var url = document.location.toString();
if ( url.match('#') ) {
var hash = url.split('#')[1];
// collapse the expanded panel
$('#accordion .accordion-collapse').removeClass('in');
// expand the requested panel
$('#' + hash + '_c').addClass('in');
}
});
</script>
</head>
<body> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br>
<div id="accordion" class="accordion-group">
<div class="panel">
<h4 id="cs" class="accordion-title"><a data-toggle="collapse" data-parent="#accordion" data-target="#cs_c">Child Survival: Boosting Immunity and Managing Diarrhoea</a></h4>
<div id="cs_c" class="accordion-collapse collapse in">
<p>...</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
<p>aaaaa</p>
</div>
<h4 id="chgd" class="accordion-title"><a data-toggle="collapse" data-parent="#accordion" data-target="#chgd_c">Child Health, Growth and Development: Preventing Mental Impairment with Iodine and Iron</a></h4>
<div id="chgd_c" class="accordion-collapse collapse">
<p>...</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
<p>bbbbb</p>
</div>
<h4 id="wmnh" class="accordion-title"><a data-toggle="collapse" data-parent="#accordion" data-target="#wmnh_c">Women’s and Newborn Survival and Health: Iron Supplementation and Food Fortification</a></h4>
<div id="wmnh_c" class="accordion-collapse collapse">
<p>...</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
<p>ccccc</p>
</div>
</div>
</div>
</body> </html>
jQuery（文档）.ready（函数（）{
var url=document.location.toString（）；
if（url.match（'#'））{
var hash=url.split（“#”）[1]；
//折叠展开的面板
$（'#accordion.accordion collapse'）.removeClass（'in'）；
//展开所需的面板
$（'#'+hash+'#c'）.addClass（'in'）；
}
});
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
儿童生存：提高免疫力和控制腹泻
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
儿童健康、成长和发展：用碘和铁预防精神损害
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
bbbbb
</script>
<style>
h4 {
padding-top:20px;
margin-top:-20px;
}
</style>
</head>
$('#' + hash + '_c').addClass('in');
setTimeout(function() {
window.scrollBy(0,-10);
},0);