如何在不破坏JQuery ScrollTo插件的情况下阻止这个div位于滚动条顶部？
我在建一个网站时遇到了一点小麻烦。我使用jQuery插件“滚动到”，因为网站是一个完整的页面，包含不同的部分。现在，当用户向下滚动时，我试图将导航条固定在页面顶部，但此时它位于滚动条顶部 我在滚动条顶部找到了一个如何阻止它的答案，上面说我应该从“wrapper”div中删除“overflow:auto；”，但不知何故，这扼杀了我的ScrollTo插件，链接也不再起作用 我希望在页面的右侧有一个滚动条，用户可以使用它向下滚动，但我希望白色的大导航条固定在顶部 我的网站可以从此链接下载>- 这只是一个小网站，所以下载不需要两秒钟如何在不破坏JQuery ScrollTo插件的情况下阻止这个div位于滚动条顶部？,jquery,css,scrollbar,overflow,scrollto,Jquery,Css,Scrollbar,Overflow,Scrollto,我在建一个网站时遇到了一点小麻烦。我使用jQuery插件“滚动到”，因为网站是一个完整的页面，包含不同的部分。现在，当用户向下滚动时，我试图将导航条固定在页面顶部，但此时它位于滚动条顶部 我在滚动条顶部找到了一个如何阻止它的答案，上面说我应该从“wrapper”div中删除“overflow:auto；”，但不知何故，这扼杀了我的ScrollTo插件，链接也不再起作用 我希望在页面的右侧有一个滚动条，用户可以使用它向下滚动，但我希望白色的大导航条固定在顶部 我的网站可以从此链接下载>- 这只是一
非常感谢您的帮助，谢谢各位朋友 为什么要将内容放在包装器溢出的div中？这是因为包装器的z索引低于顶部栏。取下包装纸。让内容正常溢出 将索引文件替换为以下内容：
<html lang="en">
<head>
<meta charset=utf-8>
<link rel="stylesheet" type="text/css" href="css/fonts.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript" src="jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.scrollTo.js"></script>
<script>
$(document).ready(function() {
$('a.panel').click(function () {
$('a.panel').removeClass('selected');
$(this).addClass('selected');
current = $(this);
$(document).scrollTo($(this).attr('href'), 800);
return false;
});
$(window).resize(function () {
resizePanel();
});
});
function resizePanel() {
width = $(window).width();
height = $(window).height();
mask_height = height * $('.item').length;
$('#debug').html(width + ' ' + height + ' ' + mask_height);
$('body .item').css({width: width, height: height});
$('body').css({width: width, height: mask_height});
$(document).scrollTo($('a.selected').attr('href'), 0);
}
</script>
<title>Young Women 4 Young Women - Breast Cancer Support Group - Southmead Hospital, Bristol</title>
</head>
<body>
<div id="top-wrap">
<div id="top-bar"></div> <!-- CLOSE TOP-BAR -->
<div id="navigation-wrapper">
<div id="navigation-bar">
<div id="navigation-main">
<a href="#item1" class="panel">HOME</a> <a href="#item2" class="panel">ABOUT THE GROUP</a> <a href="#item3" class="panel">SCHEDULE</a>
</div> <!-- CLOSE NAVIGATION-MAIN -->
<div id="navigation-main-2">
<a href="#item4" class="panel">IN THE NEWS</a> <a href="#item5" class="panel">LINKS</a> <a href="#item6" class="panel">GET IN TOUCH</a>
</div> <!-- CLOSE NAVIGATION-MAIN-2 -->
</div> <!-- CLOSE NAVIGATION-BAR -->
</div> <!-- CLOSE NAVIGATION-WRAPPER -->
<div id="emblem"><a href="index.html"><img src="images/emblem.png" alt="Young Women 4 Young Women" /></a></div> <!-- CLOSE EMBLEM -->
</div> <!-- CLOSE TOP-WRAP -->
<div id="item1" class="home-area">
<a name="item1"></a>
<div class="content">
<div class="home-header-wrap">
<div class="home-pad"></div>
<div class="home-header-image"><div class="home-cleardiv"></div><h1>YOUNGWOMEN4YOUNGWOMEN.COM</h1></div>
<div class="home-pad"></div>
</div>
<div class="justify"><span class="text">Young Women 4 Young Women is a </span><span class="red-text">support group</span><span class="text"> for women who have been affected by breast cancer. We meet once a month at Southmead Hospital in </span><span class="red-text">Bristol</span><span class="text"> for a chat and a cup of tea.<br /><br />
Over the past </span><span class="red-text">eleven years</span><span class="text"> we have welcomed women of all ages with a wide range of experiences. Whether you are looking for friendship, understanding, comfort, encouragement, laughter, company, support, compassion, of just </span><span class="red-text">somebody to talk to</span><span class="text"> who knows what it's like, we're here for you.</span>
<br /><br />
<div class="center"><span class="text">The kettles on so come on in!</span></div></div>
</div>
</div>
<div id="item2" class="about-area">
<a name="item2"></a>
<div class="content">
<div class="about-us-header-wrap">
<div class="about-us-pad"></div>
<div class="about-us-header-image"><div class="about-us-cleardiv"></div><h1>WHO ARE WE, AND WHAT DO WE DO?</h1></div>
</div>
<br />
<ul class="box">
<li><img src="images/portrait.png"></li>
</ul>
<div class="divide-wrap">
<div class="divide-bar"></div>
<div class="scroll"><a href="#item1" class="scroll-arrow panel"></a></div>
</div>
</div>
</div>
<div id="item3" class="when-area">
<a name="item3"></a>
<div class="content">
<div class="schedule-header-wrap">
<div class="schedule-header-image"><div class="about-us-cleardiv"></div><h1>WHO ARE WE, AND WHAT DO WE DO?</h1></div>
<div class="schedule-pad"></div>
</div>
</div>
</div>
<div id="item4" class="news-area">
<a name="item4"></a>
<div class="content">
<div class="in-the-news-header-wrap">
<div class="in-the-news-pad"></div>
<div class="in-the-news-header-image"><div class="in-the-news-cleardiv"></div><h1>DEVELOPMENTS & INNOVATIONS IN SURGERY & TREATMENT</h1></div>
</div>
</div>
</div>
<div id="item5" class="links-area">
<a name="item5"></a>
<div class="content">
<div class="useful-links-header-wrap">
<div class="useful-links-header-image"><div class="useful-links-cleardiv"></div><h1>SUPPORT, SERVICES & RETAILERS</h1></div>
<div class="useful-links-pad"></div>
</div>
</div>
</div>
<div id="item6" class="contact-area">
<a name="item6"></a>
<div class="content">
<div class="get-in-touch-header-wrap">
<div class="get-in-touch-pad"></div>
<div class="get-in-touch-header-image"><div class="get-in-touch-cleardiv"></div><h1>SEND US AN E-MAIL OR POP A LETTER IN THE POST</h1></div>
</div>
</div>
<div class="footer-wrapper">TEST</div>
</div>
</body>
</html>
$（文档）.ready（函数（）{
$（'a.panel'）。单击（函数（）{
$（'a.panel'）.removeClass（'selected'）；
$（this.addClass（'selected'）；
当前=$（本）；
$（document）.scrollTo（$（this.attr（'href'），800）；
返回false；
});
$（窗口）。调整大小（函数（）{
调整面板大小（）；
});
});
函数resizePanel（）{
宽度=$（窗口）.width（）；
高度=$（窗口）.height（）；
遮罩高度=高度*$（'.item'）。长度；
$（'#debug'）.html（宽度+''+高度+''+遮罩高度）；
$（'body.item'）.css（{width:width，height:height}）；
$（'body'）.css（{width:width，height:mask_height}）；
$（文档）.scrollTo（$（'a.selected'）.attr（'href'），0）；
}
年轻女性4年轻女性-乳腺癌支持小组-南米德医院，布里斯托尔
我们是谁，我们做什么？
发展及；外科及医院的创新,；治疗
支持、服务和零售商
给我们发一封电子邮件或在邮件中弹出一封信
试验
Kpsuperplane为什么要将内容放在包装溢出的div中？这是因为包装器的z索引低于顶部栏。取下包装纸。让内容正常溢出 将索引文件替换为以下内容：
<html lang="en">
<head>
<meta charset=utf-8>
<link rel="stylesheet" type="text/css" href="css/fonts.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript" src="jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.scrollTo.js"></script>
<script>
$(document).ready(function() {
$('a.panel').click(function () {
$('a.panel').removeClass('selected');
$(this).addClass('selected');
current = $(this);
$(document).scrollTo($(this).attr('href'), 800);
return false;
});
$(window).resize(function () {
resizePanel();
});
});
function resizePanel() {
width = $(window).width();
height = $(window).height();
mask_height = height * $('.item').length;
$('#debug').html(width + ' ' + height + ' ' + mask_height);
$('body .item').css({width: width, height: height});
$('body').css({width: width, height: mask_height});
$(document).scrollTo($('a.selected').attr('href'), 0);
}
</script>
<title>Young Women 4 Young Women - Breast Cancer Support Group - Southmead Hospital, Bristol</title>
</head>
<body>
<div id="top-wrap">
<div id="top-bar"></div> <!-- CLOSE TOP-BAR -->
<div id="navigation-wrapper">
<div id="navigation-bar">
<div id="navigation-main">
<a href="#item1" class="panel">HOME</a> <a href="#item2" class="panel">ABOUT THE GROUP</a> <a href="#item3" class="panel">SCHEDULE</a>
</div> <!-- CLOSE NAVIGATION-MAIN -->
<div id="navigation-main-2">
<a href="#item4" class="panel">IN THE NEWS</a> <a href="#item5" class="panel">LINKS</a> <a href="#item6" class="panel">GET IN TOUCH</a>
</div> <!-- CLOSE NAVIGATION-MAIN-2 -->
</div> <!-- CLOSE NAVIGATION-BAR -->
</div> <!-- CLOSE NAVIGATION-WRAPPER -->
<div id="emblem"><a href="index.html"><img src="images/emblem.png" alt="Young Women 4 Young Women" /></a></div> <!-- CLOSE EMBLEM -->
</div> <!-- CLOSE TOP-WRAP -->
<div id="item1" class="home-area">
<a name="item1"></a>
<div class="content">
<div class="home-header-wrap">
<div class="home-pad"></div>
<div class="home-header-image"><div class="home-cleardiv"></div><h1>YOUNGWOMEN4YOUNGWOMEN.COM</h1></div>
<div class="home-pad"></div>
</div>
<div class="justify"><span class="text">Young Women 4 Young Women is a </span><span class="red-text">support group</span><span class="text"> for women who have been affected by breast cancer. We meet once a month at Southmead Hospital in </span><span class="red-text">Bristol</span><span class="text"> for a chat and a cup of tea.<br /><br />
Over the past </span><span class="red-text">eleven years</span><span class="text"> we have welcomed women of all ages with a wide range of experiences. Whether you are looking for friendship, understanding, comfort, encouragement, laughter, company, support, compassion, of just </span><span class="red-text">somebody to talk to</span><span class="text"> who knows what it's like, we're here for you.</span>
<br /><br />
<div class="center"><span class="text">The kettles on so come on in!</span></div></div>
</div>
</div>
<div id="item2" class="about-area">
<a name="item2"></a>
<div class="content">
<div class="about-us-header-wrap">
<div class="about-us-pad"></div>
<div class="about-us-header-image"><div class="about-us-cleardiv"></div><h1>WHO ARE WE, AND WHAT DO WE DO?</h1></div>
</div>
<br />
<ul class="box">
<li><img src="images/portrait.png"></li>
</ul>
<div class="divide-wrap">
<div class="divide-bar"></div>
<div class="scroll"><a href="#item1" class="scroll-arrow panel"></a></div>
</div>
</div>
</div>
<div id="item3" class="when-area">
<a name="item3"></a>
<div class="content">
<div class="schedule-header-wrap">
<div class="schedule-header-image"><div class="about-us-cleardiv"></div><h1>WHO ARE WE, AND WHAT DO WE DO?</h1></div>
<div class="schedule-pad"></div>
</div>
</div>
</div>
<div id="item4" class="news-area">
<a name="item4"></a>
<div class="content">
<div class="in-the-news-header-wrap">
<div class="in-the-news-pad"></div>
<div class="in-the-news-header-image"><div class="in-the-news-cleardiv"></div><h1>DEVELOPMENTS & INNOVATIONS IN SURGERY & TREATMENT</h1></div>
</div>
</div>
</div>
<div id="item5" class="links-area">
<a name="item5"></a>
<div class="content">
<div class="useful-links-header-wrap">
<div class="useful-links-header-image"><div class="useful-links-cleardiv"></div><h1>SUPPORT, SERVICES & RETAILERS</h1></div>
<div class="useful-links-pad"></div>
</div>
</div>
</div>
<div id="item6" class="contact-area">
<a name="item6"></a>
<div class="content">
<div class="get-in-touch-header-wrap">
<div class="get-in-touch-pad"></div>
<div class="get-in-touch-header-image"><div class="get-in-touch-cleardiv"></div><h1>SEND US AN E-MAIL OR POP A LETTER IN THE POST</h1></div>
</div>
</div>
<div class="footer-wrapper">TEST</div>
</div>
</body>
</html>
$（文档）.ready（函数（）{
$（'a.panel'）。单击（函数（）{
$（'a.panel'）.removeClass（'selected'）；
$（this.addClass（'selected'）；
当前=$（本）；
$（document）.scrollTo（$（this.attr（'href'），800）；
返回false；
});
$（窗口）。调整大小（函数（）{
调整面板大小（）；
});
});
函数resizePanel（）{
宽度=$（窗口）.width（）；
高度=$（窗口）.height（）；
遮罩高度=高度*$（'.item'）。长度；
$（'#debug'）.html（宽度+''+高度+''+遮罩高度）；
$（'body.item'）.css（{width:width，height:height}）；
$（'body'）.css（{width:width，height:mask_height}）；
$（文档）.scrollTo（$（'a.selected'）.attr（'href'），0）；
}
年轻女性4年轻女性-乳腺癌支持小组-南米德医院，布里斯托尔
我们是谁，我们做什么？
发展及；外科及医院的创新,；治疗
支持、服务和零售商
给我们发一封电子邮件或在邮件中弹出一封信
试验
Kpsuperplane在现场演示站点上重现您的问题的简化表示，例如，而不是要求我们“下载您的网站”。将相关代码与问题、jQuery、CSS和html内联。感谢David的建议。我以前在这个网站上问过一个问题，所以我不确定该怎么做。我将来一定会记住这一点。非常感谢。在现场演示网站上复制您的问题的简化表示，例如，而不是要求我们“下载您的网站”。将相关代码与问题、jQuery、CSS和html内联。感谢David的建议。我以前在这个网站上问过一个问题，所以我不确定该怎么做。我将来一定会记住这一点。非常感谢。非常感谢你的帮助，这是一个简单的解决方案，但在过去的两天里让我毛骨悚然。我是新来的