Javascript 如何向下滚动整个div以及如何突出显示活动div

我只是想知道如何在一个卷轴上移动整个div

实际上，在我的网站（）中，我有不同div的内容。我只想在滚动时移动整个div一次。如中，以及如何突出显示本网站中的活动div。

回答

添加fullpage.js

并在每个邮件分区中设置ID

示例：

我希望这对你有帮助。

一个简单易用的插件，用于创建全屏滚动网站（也称为单页网站或单页网站）。它允许创建全屏滚动网站，以及在网站的各个部分添加一些横向滑块

示例：

$（文档）.ready（函数（）{
$（“#全页”）。全页({
章节颜色：[“1bbc9b”、“4BBFC3”、“7BAABE”、“白烟”、“ccddff”]，
锚定：['firstPage'，'secondPage'，'3rdPage'，'4thpage'，'lastPage']，
菜单：“#菜单”，
css3：对
});
});
/*自定义CSS
* --------------------------------------- */
身体{
字体系列：arial，helvetica；
颜色：#333；
颜色：rgba（0,0,0,0.5）；
}
.包裹{
左边距：自动；
右边距：自动；
宽度：960px；
位置：相对位置；
}
h1{
字号：6em；
}
p、 氢{
字号：2em；
}
氢{
颜色：继承；
}
.科{
文本对齐：居中；
}
#菜单里{
显示：内联块；
利润率：10px；
颜色：#000；
背景：#fff；
背景：rgba（255255,0.5）；
-webkit边界半径：10px；
边界半径：10px；
}
#菜单li.active{
背景:#666；
背景：rgba（0,0,0,0.5）；
颜色：#fff；
}
#菜单李a{
文字装饰：无；
颜色：#000；
}
#菜单li.active a：悬停{
颜色：#000；
}
#菜单li：悬停{
背景：rgba（255255,0.8）；
}
#菜单李a，
#菜单li.active a{
填充：9px 18px；
显示：块；
}
#菜单li.active a{
颜色：#fff；
}
#菜单{
位置：固定；
排名：0；
左：0；
高度：40px；
z指数：70；
宽度：100%；
填充：0；
保证金：0；
}
#第0节img，
#第1节img{
利润率：20px0；
}	
#第2节img，
#第3节img{
利润率：20px052px；
}







单页演示
创建滑块
不仅垂直滚动，而且水平滚动。使用fullPage.js，您将能够以有史以来最简单的方式添加水平滑块

简单的
易于使用。可配置和定制

酷
看起来很酷。用简单而现代的网页设计给每个人留下深刻印象

兼容的
工作在现代和旧的浏览器太！IE 8用户没有使用那种可怕的浏览器的毛病！让他们有机会以适当的方式查看您的网站

易于使用的插件
HTML标记示例定义了4个部分

在平板电脑上工作
为此，您需要添加第三部分库，如
fullpsge.js
。也可以使用本帖的相关代码；P@SahilMangotra你检查过我的代码了吗？是的@purvik7373，我研究过你的代码，但我想我可能不得不编辑整个网站的代码，这是我大脑不允许的@sahilmongtra好的，谢谢，伙计，如果你将来遇到任何问题，请告诉我们。