js手机页面滚动监听 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

Zurb基金会手风琴在手机上自动关闭

zurb-foundation

在手机上，我的“部分菜单”在用户打开并开始滚动后会自动关闭。我用Zurb基金会的手风琴做菜单。有人知道为什么这会发生在手机上吗？我的网站：

浏览 1提问于2018-04-19得票数 0

1回答

如何使浮动div使用所有鼠标滚动事件

javascript、html、css

我有一个垂直滚动的div。然而，我真的希望它使用所有的鼠标滚动事件，这样当它可见并且“聚焦”时，我不想让整个页面滚动，而用户只是试图滚动这一子部分。这可以在html/css/js中实现吗？我假设一个可能的策略是添加一个事件监听器，监听鼠标滚动事件，当你知道你在顶部/底部时，就直接使用它们。有没有更简单的方法？

浏览 1提问于2012-02-19得票数 0

回答已采纳

1回答

如何使地图打开器显示全高度？

javascript、jquery、html、css

当我们单击文本时，打开高度为450px;的地图，这就是打开的地图没有滚动到完全高度的问题，需要手动向下滚动才能查看完整的地图。我该怎么做(也就是说，如果我们点击“在地图上找到我们”，地图容器应该移动到完全高度而不用手动向下滚动。网站的链接是，查看这个站点的页脚。这个链接将清除我的问题。

浏览 5提问于2017-05-17得票数 0

回答已采纳

1回答

jquery.fullPage.js如何为小型监视器或智能手机启用区段内的滚动

jquery、fullpage.js

你好，我有网站，我添加了fullpage.js，但是对于智能手机，它不能很好地工作，所以我希望智能手机的内部部分将正常滚动，并从一个部分到另一个部分更改完整页面滚动！

浏览 0提问于2016-01-21得票数 1

回答已采纳

4回答

在D3.js中取消缩放侦听器并恢复滚动能力

javascript、d3.js

我现在在做D3.js。这是为我的svg标记注册缩放监听器的代码functiontranslate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");svg.call(zoomListener) 现在，当我在svg元素上滚动鼠标时但是当我像这样解

浏览 7提问于2014-03-10得票数 5

回答已采纳

1回答

PhoneGap安卓+ jQuery移动应用无法向下滚动

android、ios、css、cordova、jquery-mobile

我有一个在触摸时展开的div，但当它展开时，它不会滚动到展开的部分。我注意到运行2.3.3版本的安卓设备也存在这个问题，老款Iphone也会出现这个问题。我很确定这是一个CSS问题。有谁知道吗？

浏览 0提问于2012-10-19得票数 0

回答已采纳

2回答

上下滚动Javascript的动画

javascript、jquery、html、css

嘿，我正试着在上复制滚动动画。我已经尝试了ScrollMagic和Wow.js，但我遇到了很大的困难。我已经找到了用于检测用户滚动方向的普通代码，但它有一些问题。如果我设置了一个滚动监听器，当用户滚动页面时，它会使页面上的每一件事变得生动起来。任何帮助都将不胜感激，谢谢。编辑:我指的是标题下的图像动画。(网格中的那些。)

浏览 10提问于2016-08-16得票数 1

1回答

jQuery动画无法在输入事件侦听器中工作

javascript、html、jquery、event-listener、jquery-events

我有一个带有一个文本框的简单html页面。当它被点击时，我希望页面向下滚动。所以我在文本框上放置了一个事件监听器，在其中我使用动画进行滚动。但当我运行这个滚动不会发生..。<html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js

浏览 1提问于2015-12-11得票数 0

回答已采纳

2回答

只有在移动设备上滚动到顶部时才显示Navbar (Bootstrap 4)

javascript、html、css、bootstrap-4、sticky

只有当用户滚动到页面顶部时，我才想在手机上显示导航条。我的JS代码： if (e[0].intersectionRatiodocument.documentElement.setAttribute('class','stuck');

浏览 0提问于2018-06-17得票数 1

回答已采纳

1回答

基于垂直滚动和fullPage.js的jquery添加/删除类？

jquery、scroll、fullpage.js

我试图根据垂直滚动添加/删除CSS类(例如"clearHeader“和"darkHeader")和jQuery。这本身非常简单，而且工作良好，但当我尝试将其与fullPage.js (参见)结合时，它就不起作用了。//<!});//]]> 有人在此之前就有过这个问题，或者听说过考虑这种不规则滚动的变通脚本吗(基本

浏览 0提问于2015-02-05得票数 0

回答已采纳

1回答

HTML事件不适用于仅在Android手机上动态创建的链接

javascript、android、jquery、onclick、google-chrome-devtools

同样，我可以确认这个单击监听器中的函数调用除了Android手机(据我所知)在任何地方都能工作。知道为什么会这样吗？我已经阅读了一整天的StackOverflow页面，但似乎与此无关。我读过很多关于JS闭包(这可能仍然是问题)之类的文章，但这些似乎都与此无关，因为链接点击监听器正在我测试过的大多数设备上运行(甚至是Android平板电脑的Chrome浏览器，这是我真正感到困惑的部分)我用USB将其中一部手机连接到我的电脑上，并使用Chrome工具()进行了一些远程调试。我可以确认点击<e

浏览 1提问于2013-05-06得票数 2

1回答

在滚动过程中多次调用D3.js转换是否很昂贵？

d3.js

我有一个滚动事件监听器，当页面击中特定的滚动目标时，它会触发D3.js转换。动画工作良好，不滞后，但是在每个滚动位置上都会调用转换。这个贵吗？在滚动过程中继续调用转换是一个问题吗？ scrollPosition是已滚动的页面的百分比(0到1)。

浏览 2提问于2017-03-14得票数 1

回答已采纳

1回答

如何在React中只为1个组件运行自定义js代码？

reactjs

这是文件Counter.js import React from 'react'; return ( }); export default Counter 当我浏览另一个页面时，在滚动页面上，脚本仍然有效，并查找元素#b

浏览 17提问于2019-01-22得票数 1

回答已采纳

1回答

溢出x:隐藏仍然可以滚动

javascript、html、css

我有一页你可以在手机上滚动。我已经尝试过.js，最大宽度100%，溢出x:隐藏(在身体和html)，所有与！重要。它只发生在这个页面上，并且只发生在手机上。我该怎么解决这个问题？我愿意接受任何想法

浏览 3提问于2022-05-10得票数 1

回答已采纳

1回答

使用cssgrid时，pageYOffset在滚动时不起作用

javascript、css、css-grid

当用户向下滚动时，我试图隐藏一些元素。但是我有一个奇怪的问题。当我使用函数pageYOffset时，我一直显示0，就像我没有在页面上滚动一样。我想我可能是因为使用了cssgrid (这还是个新手)。在我的测试站点上，显示更新滚动时的“滚动计数器”，但它只在我滚动负数(< 0)时才会更新。还有谁处理过这个问题，或者有我的问题的解决方案？

浏览 25提问于2019-03-07得票数 0

回答已采纳

1回答

页面上的“锚”滚动链接不会只在移动版本上滚动到正确的位置。

javascript、jquery、html

我使用锚标签滚动我的网站。 $.localScroll({ }); $.localScroll({ });是什么导致了这个问题？

浏览 3提问于2014-08-13得票数 1

回答已采纳

4回答

禁用移动(触摸)设备上的fullpage.js

jquery、fullpage.js、slimscroll

我使用的是fullpage.js和slimscroll.js插件，这是允许在内容超过容器部分高度的部分滚动所必需的。所以我想做的是在手机和平板电脑上禁用fullpage.js，但仍然在桌面上启用它。我查看了FulPage.js的问题和文档，但找不到一种简单的方法。非常感谢

浏览 3提问于2014-03-17得票数 7

回答已采纳

3回答

移动webkit滚动条

html、css、mobile、webkit

我见过一些基于Javascript的解决方案，但这些解决方案在基于webkit的浏览器中添加了一些过于臃肿的滚动条。

浏览 6提问于2012-08-06得票数 4

回答已采纳

2回答

scroll事件的window.addEventListener未响应

javascript、vue.js、scroll、addeventlistener、event-listener

一个用于调整大小，另一个用于滚动。用于调整大小的方法可以工作，但用于滚动的方法不起作用，我似乎找不到原因。

浏览 1提问于2020-12-03得票数 0

1回答

用CSS在圆形状上滚动

javascript、css

我试图做一个项目的列表滚动，就像他们是一个圆，但他们不适合一个接一个，因为他们有太多的。就像一个旋转电话，我做了一个快速和肮脏的图表，以帮助更好地说明它。编辑:我尝试使用JS并监听滚动事件，但我觉得有一个更好的解决方案。我试过，我喜欢它，但遗憾的是，它不能在手机上工作。第二，编辑，以尝试删除搁置:我已经花了一个小时试图找出如何做到这一点，而没有太多的JS开销。很多时候，在完成自己的解决方案之后，我发现插件已经太晚

浏览 2提问于2013-10-29得票数 0

点击加载更多