如何实现这种自动调整到您的视口的滚动效果
How to do this scroll effect which automatically adjusts to your viewport
http://teacakedesign.com/
这就是我所指的网站。它将自动调整滚动项目的大小,以适应浏览器视口中的可用空间。
我不知道
这是否是最好的解决方案,但这就是我开始的方式:将容器的高度设置为元素数 * 100%(例如:5 个元素 -> 500%)。每个内部元素高度为100/n元素。在js文件中,我会在用户滚动时检查窗口的高度,然后向上或向下"n"像素对滚动条进行动画处理。
相关文章:
- 将视口底部滚动到元素底部
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- 使用条件语句,使 jquery fadeIn/fadeOut 仅在视口 >= 480px 时才有效
- Javascript em根据窗口/视口尺寸调整大小,不影响文档样式的text/css
- Div 设置为视口高度,即使调整屏幕大小也是如此
- jQuery调整大小和视口检查点
- 使用Javascript调整图像大小,使其适合视口
- 在视口调整大小时完全从 DOM 解绑 Jquery 插件
- 跨浏览器:如何根据视口高度调整元素的垂直位置
- 如何实现这种自动调整到您的视口的滚动效果
- 在动态更改页面高度时将页脚调整在视口底部
- Flash Player 的视口调整大小事件
- 自动调整Extjs 4.2.1视口内的高度
- 如何根据谷歌地图上的视口调整边界
- 如何相对于视口调整画布图像
- 如何调整ipad视口
- 如何根据视口大小调整Div高度
- 我想知道浏览器“;视口”;调整大小
- Javascript/iPhone-如何调整浏览器视口的大小
- 诱使浏览器将视口尺寸调整为 1px