如何使用Javascript、CSS和HTML加速移动中的滑动和滚动？

文章/答案/技术大牛

发布

1回答

javascript、html、css、vue.js

我对iPhone设备中的懒惰滚动有麻烦。这个应用程序是用Vue.js构建的。我使用Javascript提高了桌面上的滚动速度，但在移动设备上由于滑动而不起作用。有没有人知道如何在移动设备上加速滑动和滚动？

浏览 11提问于2019-01-08得票数 0

回答已采纳

1回答

jQuery:如何让DIV从屏幕上滑落，另一个滑入屏幕？

jquery、css、jquery-mobile、slide、css-animations

我已经构建了一个web应用程序，它可以使用CSS @media查询缩小到一个移动友好版本。当一个按钮被点击，我想要它显示和可见的一个隐藏，这是我目前已经做了。但是我想让这个过程充满活力，我希望在移动设备上能够顺利地工作。但是我不知道jquerymobile是如何做到这一点的，这是非常完美

浏览 1提问于2013-02-17得票数 2

回答已采纳

1回答

无法在iPad上滚动网页

javascript、html、css、ios、ipad

在iPad上，我无法滚动网页。它在OS X上的Safari、Chrome和Firefox上运行良好。overflow-x:scroll;white-space:nowrap;在iPad上，不能滚动。也许这

浏览 1提问于2011-06-19得票数 0

1回答

如何使用HTML和CSS在移动站点上通过DIV中的一组图像进行水平滑动/滚动(加减速)

html、css

我希望允许移动网站用户在图标列表中滑动/滚动。用户应该能够滑动容器，滚动/滑动元素左或右。图像需要随着加速度和减速平稳地滑动。需要在iOS和安卓系统上工作。

浏览 6提问于2013-08-04得票数 1

回答已采纳

1回答

浏览器滚动与页面滚动

javascript、html、css、google-chrome、osx-lion

我使用的是OSX Lion和Chrome，它们允许你在浏览器中来回滑动来后退/前进。然而，我发现它经常会干扰页面内的滚动。我在我创建的网站中有水平滚动条，在其中来回滑动经常会导致浏览器在我的浏览历史记录中向前/向后移动-绝对不是我想要的行为。我用html/css和</em

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

1回答

具有常量DOM操作的拖放/Touchmove事件

javascript、css、html、angularjs

我希望使用本机Javascript和AngularJS实现一些移动组件。我通过更改div的CSS3转换属性来创建UL上的touchmove事件。我面临的问题是，当我触摸完屏幕后，过渡就会发生，而不是在我拖着触摸的时候。请帮助

浏览 1提问于2014-04-17得票数 2

回答已采纳

1回答

使用移动设备在图像上向下滑动时，页面不会垂直滚动。

javascript、html、css、asp.net-mvc、image

我有一个电子商务网站的产品详细页面。当您使用移动设备并试图上下滚动该页面以查看所有产品信息时，在实际产品图像上滑动手指本身不会起到任何作用，如果在实际图像上进行滚动，则不会让您继续滚动。移动是造成这一问题的原因。由于某些原因，它不会让你滚动时，你的手指和滑动向上或向下的形象。调用图像的部分使用模板/

浏览 10提问于2022-03-21得票数 1

2回答

webapp移动

javascript、html、css、web-applications、iui

我使用iui库创建了一个仅使用html css javascript的webapp，我只有几个页面，所有内容都在一个html页面内，为了实现页面导航和幻灯片效果，我使用了iui框架。当有很多内容时，我可以上下垂直滚动，但我也注意到，如果我水平拖动页面，无论是从左到右还是从右到左，如果我从左上角对角线拖动页面，整个页面都会沿着这些方向移动，这是不好的我希望这种移动

浏览 1提问于2011-04-18得票数 0

1回答

在jQuery移动“页面”中滚动特定div的内容，而不是页面本身。

css、jquery-mobile

我正在使用jQuery-移动为基于html的移动应用程序。我的一个页面有一个水平长的div和一些动画内容。我只需要这个div的内容滚动到侧面。但是当我浏览div时，会滚动到下一页。如果用户在页面的任何其他部分上滑动，这是想要的行为，但是当在特定的d

浏览 2提问于2013-12-26得票数 2

回答已采纳

3回答

在HTML中单击滚动条箭头时滚动经过的像素数

javascript、html、css、scroll

当用户点击滚动条的箭头(而不是滑动滚动条本身)时，有没有一种方法可以控制HTML元素的内容滚动的像素数，比如使用CSS和Javascript？

浏览 2提问于2012-07-19得票数 2

1回答

JQuery手机与手机间隙

asp.net-mvc-3、cordova、jquery-mobile、mobile

我想转换一个现有的网站为移动版本，什么将是我最好的选择。使用JQuery Mobile asp.net webform或asp.net mvc 在phonegap上为目标手机创建应用程序，还有吗?

浏览 1提问于2011-05-19得票数 0

回答已采纳

1回答

css:隐藏溢出-x和魔术鼠标/手势

css、overflow、swipe-gesture

我试图阻止用户水平滚动(客户端向其索要web应用程序)。使用"overflow-x:hidden“风格很容易做到这一点。实际上，它的工作原理是不再有可见的水平滚动条。问题是，苹果的神奇鼠标仍然允许用户在Safari Mac、Chrome Mac和Opera Mac中水平滑动页面(而在Firefox Mac中不能)，即使滚动条是隐藏的。我相信没有必要向你展示CSS<

浏览 6提问于2014-06-29得票数 1

1回答

将滚动条放入元素内

jquery、css

我有一个有滚动条的div，但是，当scroll出现时，它在元素之外(见下图)。我想把卷轴放在红色区域内。有可能吗？多么?我没有尝试任何东西，因为我不知道如何开始这个问题，或者找不到类似的问题。

浏览 1提问于2012-08-04得票数 0

回答已采纳

1回答

在移动iOS和android上停止溢出-x

android、ios、css

我有一个边菜单，它隐藏在主内容后面，直到按下切换键，此时内容会向右滑动(通过margin-left)显示菜单。一切都很好，但是在移动平台上，用户可以通过从右向左滑动/滑动来重新定位菜单，从而使整个窗格滚动。这是不可取的，因为它使用户感到困惑。我在这篇文章中证明了这一点：应用于html和body的html和body似乎在chrome的

浏览 0提问于2014-12-17得票数 1

回答已采纳

1回答

使用鼠标进行类似滚动的CSS触摸

javascript、html、css、angular

我如何在我的angular应用程序中添加鼠标滚动选项，类似于触摸屏设备的滚动选项，在触摸屏设备中，您可以通过按住屏幕并进行一些向左或向右滑动移动来滚动。如何使用鼠标实现类似滚动技术，使用户可以在某些空白区域单击，而不是在按住单击的同时分别在特定方向上移动鼠标滚动。类似于trello.com<e

浏览 18提问于2017-08-01得票数 4

回答已采纳

4回答

js/jquery coverflow效果

jquery、javascript、effect、coverflow

我尝试使用js/jQuery归档某个效果: Apple Mac 效果，您可以在finder中进行选择。你能给我介绍一个温和流畅的工作插件吗？我喜欢jquery的#环游，但不幸的是他们不支持这种效果。我也尝试了这篇文章中的一些链接插件：，但它们都很烂，在火狐中不能流畅地工作(更不用说IE了)。谢谢

浏览 1提问于2010-02-03得票数 2

回答已采纳

1回答

目前，我正在为多个移动平台开发一个网页。我使用JQuery和JQuery Mobile作为库。该页面仅使用HTML5、CSS3和JavaScript。我正在编写的日期选择器使用-webkit-transform: transform(0，-20px)函数滚动数字列表。这在Chrome，Safari，iOS，Android2.3.*上运行良好。但在Android 4.0.1上，它改变了不同元素

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

3回答

CSS 'snap-scroll‘干扰jQuery '.animate scrollLeft’

jquery、html、css

我有一个html和css滑块，我使用scroll-snap进行手动滚动，使用jQuery按钮进行自动滚动。但是，使用scroll-snap-type: x mandatory;时，jQuery scrollLeft动画会变得非常迟缓或动画消失。这种滞后是从哪里来的？是否有仅限jQuery的解决方案？去掉css的滚动快照可以解决这个问题，但是样式对于滑块是必需<em

浏览 1提问于2019-04-26得票数 6

2回答

不同的滚动速度与溢出:滚动

css、firefox、scroll、mousewheel

我将页面分为不可滚动的标题和可滚动的内容。两者都放置为"position:fixed“，内容使用"overflow:scroll”。这很有效，但我注意到在Firefox中滚动速度发生了变化，现在鼠标滚轮的滚动速度要慢得多。我该如何解决这个问题呢？

浏览 1提问于2011-11-16得票数 1

点击加载更多