Jquery 带有固定导航菜单的动画滚动Div单击

我有一个导航菜单和上面的一些div

ul{
浮动：左；
宽度：100%；
填充：0；
保证金：0；
列表样式类型：无；
}
a{
浮动：左；
宽度：6em；
文字装饰：无；
颜色：白色；
背景颜色：紫色；
填充：0.2em 0.6em；
右边框：1px纯白；
}
a:悬停{
背景色：紫红色；
}
李{
显示：内联；
}

您好，现在您已经习惯了这个Jquery代码，并且在导航中做了如下更改

$（文档）.ready（函数（）{
$（'a[href^=“#“]”）。关于（'click'，函数（e）{
e、 预防默认值（）；
var target=this.hash，
$target=$（target）；
$（'html，body'）.stop（）.animate({
'scrollTop'：$target.offset（）.top
}，900，“摆动”，功能（）{
window.location.hash=目标；
});
});
var-oritop=-100；
$（窗口）。滚动（函数（）{
var scrollt=$（this.scrollTop（）；
var elm=$（“.scrollTopWindow”）；
如果（oritop<0）{
oritop=elm.offset（）.top；
}
如果（滚动>=oritop）{
css（{“position”：“fixed”，“top”：0，“left”：0}）；
}
否则{
css（“位置”、“静态”）；
}
});
});
ul{
浮动：左；
宽度：100%；
填充：0；
保证金：0；
列表样式类型：无；
}
a{
浮动：左；
宽度：6em；
文字装饰：无；
颜色：白色；
背景颜色：紫色；
填充：0.2em 0.6em；
右边框：1px纯白；
}
a:悬停{
背景色：紫红色；
}
李{
显示：内联；
}









我想您正期待着这个解决方案

使用
overflow:auto
CSS
属性使您的
div
可滚动，并使其位置为
绝对
，其父
div
为
相对

代码片段：


ul{
浮动：左；
宽度：100%；
填充：0；
保证金：0；
列表样式类型：无；
}
a{
浮动：左；
宽度：6em；
文字装饰：无；
颜色：白色；
背景颜色：紫色；
填充：0.2em 0.6em；
右边框：1px纯白；
}
a:悬停{
背景色：紫红色；
}
李{
显示：内联；
}
html，正文{
身高：100%；
}
#包装工：以前{
内容：''；
浮动：左；
身高：100%；
}
#包装纸{
身高：100%；
}
#内容{
位置：相对位置；
}
#内容：之后{
内容：''；
显示：块；
明确：两者皆有；
}
#滚动内容{
位置：绝对位置；
身高：100%；
宽度：100%；
溢出：自动；
}









试试这个，我想我可以满足你的要求，但我需要先问你一件事。包含图像的#Div1,2,3,4始终具有相同的高度和宽度？然后我可以给你这个问题的解决方案。试试overflow:auto for your DIV（#content）长官，但导航位置不正确fixed@Gitz现在检查我的答案，我已经准备好了。看起来更好。但是可以在
内容中滚动这些div吗？
是的，你可以用你的内容替换图像标签。我的意思是所有页面都不是滚动的，只有当我们点击菜单时div部分是滚动的。菜单的位置是固定不变