Mik*_*acy 11 html javascript jquery jquery-plugins
我正在建立一个像这样的网站(垂直幻灯片几乎):
http://mikelegacywebdesign.com/scrollpage_test/index.html
我想要做的一件事,我无法弄清楚如何使滚动SNAP到滚动时颜色变化的点.
例如,当滚动时,在滚动到的下一个颜色的顶部附近大约需要50-100像素,如果它会捕捉到那一点,而不是仅仅继续滚动,那将是很好的,因为它很难让"框架"完美对齐.这取决于用户滚动完美的数量,以便他们正在查看整个帧,而不是序列中的前一帧或下一帧的片段.
任何知道是否有jQuery插件的人都会成为我的英雄.
到目前为止,这是整个页面.获得当前效果的编码很简单:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Scrollpage Test</title>
<style type="text/css">
html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
.container { height: 400%; width: 100%; }
.section { height: 35%; width: 100%; }
#section1 { background-color: #1d9ad7; }
#section2 { background-color: #c83e3d; }
#section3 { background-color: #75b946; }
#section4 { background-color: #f4be2f; }
</style>
</head>
<body>
<div class="container">
<div class="section" id="section1"></div>
<div class="section" id="section2"></div>
<div class="section" id="section3"></div>
<div class="section" id="section4"></div>
</div>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
19577 次 |
| 最近记录： |