通过(1)单击链接并(2)拖动图像,您将如何在用户需要滚动的网站上进行控制。 本质上,我将如何处理该网站在右下角的地图以及导航栏上的链接。

===============>>#1 票数:0

基本上,您必须在链接单击上使用JavaScript的scrollLeft()scrollTop()方法,才能将它们带到页面的某些区域。 不过要小心。 如果内容很多,某些设备上的速度可能会很慢。

为了在页面上拖动某些对象(或拖动整个页面本身),您需要使用Hammer.js之类的库。 您可以将拖动事件绑定到某个元素或页面本身,然后使用scrollLeft()scrollTop()来控制页面。

要在滚动时“显示”运动,请使用jQuery的animate()函数。

$(window).animate({ scrollTop: $(document).height() }, 5000);

  ask by etangins translate from so

未解决问题?本站智能推荐:

1回复

使用JS在一页网站上平滑滚动特定链接

我正在尝试从Nav平滑滚动到容器ID,并且页面正在滚动。 但是,我有一个引导“列表组”,它也在容器中使用href和id。 当我单击列表组中的href时,它会平滑滚动并发出错误。 有没有一种方法可以平滑滚动特定ID(仅适用于导航)并阻止列表组对JS做出反应? 我已经尝试过了,它似乎无法
2回复

在整个网站上流畅滚动

我试图使我的网站在整个网站上滚动更流畅,而不仅仅是从链接跳到锚点。 香港专业教育学院一直在谷歌搜索,但我还没有找到解决方案。 有什么帮助吗?
1回复

滚动效果在一个页面的网站上

我有一个单页网站。 样本小提琴就在这里。 我想在www.fueled.com上添加效果。 第一部分和第一部分没有显示电话,并从第三部分开始显示,并在3-4部分后再次隐藏。 一种视差效应。 我能帮忙解决这个问题吗? 上面给出了我的样本小提琴。 navlist = [
2回复

移动网站上的滚动到顶部按钮

我试图让Scroll To Top按钮出现在用户开始向下滚动时,而不是一直存在,即使在顶部也是如此。 快速说明,我几乎没有JS经验,所以我不知道自己在做什么。 无论如何,这是我出错的页面: http : //www.m.evans-carpentry.com/gallery/projec
1回复

jquery滚动在我的网站上不起作用

我将在我的网站的某些部分使用jquery滚动。 我使用的代码当然在下面,我用$(document).ready()包装了这段代码: 我的HTML和CSS是: 代码在jsfiddle上正常工作但不幸的是当我在我的网站上使用它时,它只是下降但是在鼠标移动时不会上升。 这是我的网站
1回复

Chrome鼠标滚动在我的网站上不起作用

这是我的第一篇文章,希望人们对我很轻松。 不知道这是否是视口问题,因为我在调整页脚时遇到了一些问题。 一些帖子建议修改溢出,但是滚动条可用并且可以使用鼠标滚轮手动滚动。 这是网站链接。 http://d15.c40.myftpupload.com/architecture/
1回复

整个网站上的jQuery / JavaScript平滑滚动

我碰到了这个网站http://morris-digital.co.uk/我喜欢滚动网站的工作方式,真的很流畅,也很不错,我也很想在我的网站上实现如此流畅的滚动:) 我一直在搜索,但是找不到类似的东西。
3回复

如何在一页网站上进行“一个滚动”

我会通过将启动什么我谈论。 我想知道如何制作这样的滚动条,只需滚动一次,然后转至下一部分。 因此,如何制作一个一页网站(是的,也许我会添加更多部分,但想知道这样做的性质)。 这就是我所说的一页网站。
1回复

在iPhone 7上在网站上滚动是缓慢且静态的

在iPhone 7上的Safari中,滚动非常缓慢且静态,滚动后没有任何流动,将手指从屏幕上移开时它会立即停止。 还有一个问题,我无法双击时钟/ URL栏,以返回页面顶部。 如果我看到其他页面,则当您向下滚动页面时,URL栏会隐藏-但它不在我的网站上。 我不确定导致这些问题的原因,
2回复

控制视差网站上文本的移动?

我正在视差网站上工作。 视差依赖于一切都是背景图像-图像将以不同的速度移动。 有没有一种方法可以控制文本而不将其变成图像? 通过控制,我的意思是在视差图像移动时将其固定到位吗? 如果没有固定的位置,它将以默认的页面速度飞过图像,该速度比视差速度快。 我一直在使用position