zepto.js不支持scrollTop的解决办法

最新推荐文章于 2019-09-25 10:05:23 发布

weixin_30525825

最新推荐文章于 2019-09-25 10:05:23 发布

阅读量205

点赞数

原文链接：http://www.cnblogs.com/mmzuo-798/p/7308344.html

版权

zepto.js不支持animate({ scrollTop: 100},1000);

可以在移动端使用原生window.scrollTop(x,y);简便

转载于:https://www.cnblogs.com/mmzuo-798/p/7308344.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30525825

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

使用Zepto实现移动端无缝向上下滚动H5

PmtxPhp的博客

09-26

171

通过以上步骤，我们就可以使用Zepto库实现移动端的无缝向上或向下滚动效果了。你可以根据实际需求，对CSS样式和JavaScript代码进行进一步的定制和优化。在移动端的H5开发中，经常会遇到需要实现无缝向上或向下滚动的需求，例如图片轮播、新闻滚动等。然后，我们可以使用CSS样式对容器元素进行布局和样式设置。接下来，我们可以使用JavaScript代码来实现无缝滚动的功能。接下来，我们需要在HTML中创建一个容器元素，用于显示滚动内容。重置为0，从而实现无缝滚动的效果。接下来，我们可以使用Zepto的。

zepto.js scrollTop方法在移动端chrome中失效的问题

林楠楠的脚趾有点咸的博客

12-15

6709

问题正在开发移动web,使用的是较为轻量的zepto.js,在移动端chrome测试时,突然发现返回顶部的功能失效,也没有任何报错，其他浏览器都运行通过，解决后记录下来。//这段代码在chrome移动端失效 $(document.body).scrollTop(0);解决办法有这个问题的更改为下列代码//将事件挂载到window对象上,就可以正常运行了 $(window).scrollTop(0);

参与评论您还未登录，请先登录后发表或查看评论

zepto scrollTop 解决方法

weixin_30808693的博客

11-16

198

之前自己遇到问题，网上找了一篇大牛写的代码 1:使用方法复制下面代码 $.fn.scrollTo =function(options){ vardefaults = { toT : 0,//滚动目标位置 durTime : 500,//过渡动画时间 delay : 30,...

zepto 添加 animate组件

dengwei2939的博客

09-19

178

今天发现JQuery可以用animate方法回到顶部，心想着zepto应该也可以 $('html,body').animate({ scrollTop: 0 }, 1000); 于是便用了一下，发现console提示zepto没有这个方法，百度之后发现原来不是没有这个方法，是因为这animate这个方法是在effects组件里的，然而默认的zepto是没有这个组件的，于是又...

zepto解决scrollTop方法

sinat_38992528的博客

09-25

1449

原因：在移动web项目的开发中，遇到一个通过点击页面自动到相应的位置处的需求，该前端架构采用zepto这个轻库进行开发，它具有类似jQuery的语法，之后采用了animate({scrollTop:"100px"})这个函数进行页面的动画滚动，结果就是毫无效果。　　通过查询zepto fx包的源码 transform = prefix +'transform' cssReset[t...

scroll事件实现监控滚动条并分页显示(zepto.js)

10-20

Zepto.js 是一个轻量级的JavaScript库，类似于jQuery，适用于移动端。在本示例中，使用Zepto的`$(this).scrollHeight`获取元素的总高度，`$(this).scrollTop()`获取滚动条的位置，以及`$(this).height()`获取元素的...

Zepto.js详解【好大一篇文章】

云上

07-12

1522

Zepto.js API 中文版(1.1.6) 下载浏览器支持模块Change LogAcknowledgements Core $()$.camelCase$.contains$.each$.extend$.fn$.grep$.inArray$.isArray$.isFunction$.isPlainObject$.isWindow$.map$.parseJSON$.trim$

zepto.js插件适用于微信等移动浏览器动画滑动效果

11-20

zepto.js是一个轻量级的JavaScript库，专为移动端浏览器设计，特别是在iOS和Android设备上。它提供了类似于jQuery的核心API，使得在移动设备上进行网页开发变得更加便捷。针对标题和描述中的“微信滑动效果”，我们...

zepto源码之fx.js

xixi

07-31

1540

一、前言zepto的fx模块，封装了CSS的过渡和动画。二、源码 //fx The animate()方法 (function ($, undefined) { //prefix:样式前缀(-webkit-、-moz-、-o-)；eventPrefix事件前缀(webkit、''、o) var prefix = '', eventPrefix,

zepto的返回顶部scrollTop的动画解决方法

weixin_30372371的博客

06-01

279

写移动端的时候，引入的zepto.js里的animate不包括scrollTop，所以返回顶部的时候，没有动画的效果。这里我使用的是setInterval的方法。代码详情如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...

zepto中animate的用法

热门推荐

kongjiea笔记

08-13

6万+

$this_bd.animate({height:iTthis_bd_h+'px',complete:siblingsUp()},700); function siblingsUp(){ $this_bd.siblings('.bd').animate({height:'0px'},50); };

返回顶部的3中方法（解决移动端使用zepto没有滑动的效果）

weixin_30552635的博客

09-09

117

点击返回顶部，三种方法 1、这个方法jQuery使用正常，zepto使用没有动画 //zepto没有动画 $("body").animate({scrollTop: 0}, 500) //zepto使用 $("body").scrollTop(0); 2、这个方法jQuery使用正常，zepto使用没有动画 window.scrollTo(0,0); 3、zepto...

zepto实现动画返回顶部的功能

xdongll的专栏

09-09

4489

zepto的animate()源码采用css3的方式进行，而scrollTop属性不在css3的动画属性中，所以没有生效 (function (global) { $.fn.scrollTo = function (options) { var defaults = { toT: 0, //滚动目标位置 durTime: 500, //过渡动画时间

js返回网页顶部 scrollTop用法

lanse_my的专栏

10-06

4万+

document.body.scrollTop用法网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正

window.scrollTop()设置失效问题

mogii's blog

02-17

2万+

window.scrollTop()设置失效问题body没有添加高度，window.scrollTop()设置失效。

使用touch.js与zepto.js构建手势图片查看器

此资源介绍了一种利用touch.js和zepto.js构建的图片查看器解决方案。touch.js是百度推出的手势库，它能够识别并处理多种触摸手势，如滑动、双指缩放等，适合移动端的交互设计。而zepto.js则是一个轻量级的JavaScript...