Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Scroll 如何创建页面停止滚动动画_Scroll - Fatal编程技术网

Scroll 如何创建页面停止滚动动画

Scroll 如何创建页面停止滚动动画,scroll,Scroll,新的iPhone 5s迷你网站有一个特殊的页面滚动: 每次你轻弹页面时,它都会在下一整页滑动并停止,而不是中途,也不会超过要求。他们是如何做到的?OnePageScroll可能就是你要找的:OnePageScroll可能就是你要找的:我不得不做一个类似的网站,我为它创建了一个插件: 在My中,您还可以: 在IE 8和不支持CSS 3的旧浏览器上使用它 使用键盘箭头滑动并弹出页面 添加水平滑块 调整窗口大小时调整文本大小 移动和平板电脑检测,可在其上滚动。(因为通常会出现将大内容和文本

新的iPhone 5s迷你网站有一个特殊的页面滚动:


每次你轻弹页面时,它都会在下一整页滑动并停止,而不是中途,也不会超过要求。他们是如何做到的?

OnePageScroll可能就是你要找的:

OnePageScroll可能就是你要找的:

我不得不做一个类似的网站,我为它创建了一个插件:

在My中,您还可以:

  • 在IE 8和不支持CSS 3的旧浏览器上使用它
  • 使用键盘箭头滑动并弹出页面
  • 添加水平滑块
  • 调整窗口大小时调整文本大小
  • 移动和平板电脑检测,可在其上滚动。(因为通常会出现将大内容和文本可视化的问题)
它是第一个版本,简单但运行良好:)


我会尽我所能不断改进。建议将非常受欢迎

我不得不做一个类似的网站,我为它创建了一个插件:

在My中,您还可以:

  • 在IE 8和不支持CSS 3的旧浏览器上使用它
  • 使用键盘箭头滑动并弹出页面
  • 添加水平滑块
  • 调整窗口大小时调整文本大小
  • 移动和平板电脑检测,可在其上滚动。(因为通常会出现将大内容和文本可视化的问题)
它是第一个版本,简单但运行良好:)


我会尽我所能不断改进。建议将非常受欢迎

我一直在摆弄一个类似问题的解决方案

我的解决方案就是在窗口滚动时进行监视

if ($(window).scrollTop()+$(window).height()>=$("#page"+(nextpage)).offset().top+100) {
如果滚动超过“页面”末尾50像素以上,jquery将设置滚动到下一个“页面”的动画

它对向上滚动也有同样的作用。这包括通过鼠标、键盘或javascript进行滚动

查看完整的代码在


也许它对某些人会有一些用处(如果是或不是,请告诉我)。

我一直在摆弄一个类似问题的解决方案

我的解决方案就是在窗口滚动时进行监视

if ($(window).scrollTop()+$(window).height()>=$("#page"+(nextpage)).offset().top+100) {
如果滚动超过“页面”末尾50像素以上,jquery将设置滚动到下一个“页面”的动画

它对向上滚动也有同样的作用。这包括通过鼠标、键盘或javascript进行滚动

查看完整的代码在


也许它会对某些人有用(告诉我是否有用)。

您可以禁用滚动,根据窗口设置动态元素大小,并设置滚动窗口高度的动画(转到下一个)。下次尝试检查页面时,请提供您尝试过的代码以及您遇到的问题禁用滚动,根据窗口设置动态元素大小,并设置滚动窗口高度的动画(转到下一个)。下次尝试检查页面并提供您尝试过的代码以及您遇到的问题谢谢,这是一个伟大的发现。谢谢,这是一个伟大的发现。