大神看看这个网站的滚动效果怎么做出来的？

MrSLin 2013-06-20 02:59:22

一个很有特色的网站
http://www.artofflightmovie.com/
有几点疑问：
1.滚动块很小，但是内容没有那么多
2.一般竖直滚动的话，内容是往下走，这里应该是屏蔽了原来的事件，这个怎么做

...全文

134 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

紫舞玥汐 2013-06-21

打赏
举报

这个网站的效果太炫了吧

charkid 2013-06-20

打赏
举报

页面大小与浏览器屏幕大小一样超出部分overflow：hidden 里面藏了一张几万×几万的大图右侧滚动条变化里面大图开始偏移类似循环滚动通过偏移量在有限的空间内显示 overflow是关键

本文实例为大家分享了Android使用GridView实现横向滚动效果的具体代码，供大家参考，具体内容如下第一次做横向滑动，看了一些列子，基本就2总：HorizontalListView和GridView。考虑的了下选择用比较熟的GridView，并且在2种方案都使用过，根据本人实际情况，采用了更适合的GridView。也希望看过这篇博客的大神们，能指点下HorizontalListView和GridView两个方案的优缺点。思路: XML界面:用HorizontalScrollView + GridView 配合使用。 Java代码部分:和普通GridView使用基本一致，但需要手动设

之前本来是打算做TextView垂直向上滚动的，后来发现一位大神做得很好，https://github.com/sfsheng0322/MarqueeView 孙福生大神，然后自己要用到多个View向上滚动，也就是类似淘宝首页头条的那种滚动，所以就按照那个思路想了系啊，可以把View拿来滚动，这样可以自己随意的修改View里面的内容，还比较简单一些。所以这个整个思路就是把View就行循环滚动。看一下循环滚动View的内容咋写的吧，非常简单。 package com.dreamlive.upmarqueeview; import android.content.Context; imp

通常有三个步骤来识别回头客：服务器脚本发送一系列 cookie 至浏览器。比如名字，年龄，ID 号码等等。浏览器在本地机中存储这些信息，以备不时之需。当下一次浏览器发送任何请求至服务器时，它会同时将这些 ...

最近接到一个任务，就是要修改原来用的官方support包TabLayout中的指示器线宽，改成固定值，当然网上有什么反射加padding什么的，可是治标不治本，切Tab过渡动画也加不了，什么？你告诉我github又xxx类似控件，可是为什么我要放弃google大神的源码呢，改改就能增加新功能了呢，为了达到目的，我就开始了下面一系列骚操作。0. 老规矩，先放效果图1. 骚操作之一：copy support包TabLayout 一份当做自己的自定义view本次骚操作是基于support '27.1.0'版本，从support '27.1.0'拷出文件到我的项目目录如下图，蓝色部分，四个文件，当然不是一帆风顺的，需要改点包名，取消掉一下注解警告，总之后面会放出源码不同的版本可能需要拷贝出来的文件不一样哟，于support '27.1.0'版本需要拷出上图蓝色的4个文件2. 骚操作之二： fuck源代码，读懂之后开始改造首先指示器的线是画出来的，关键代码如下（以下改动代码均为tabLayout类） canvas.drawRect(mIndicatorLeft, getHeight() - mSelectedIndicatorHeight, mIndicatorRight, getHeight(), mSelectedIndicatorPaint);OK, mIndicatorLeft是滚动或者点击切tab时候通过偏移量计算出来的，总之不重要，完成第一个目标。修改指示器线宽，思路呢，就是给mIndicatorLeft和mIndicatorRight做一个偏移量就行了，看看我怎么改的吧其中2个成员变量是我在SlidingTabStrip类中新增的 private int mSelectedIndicatorWidth = dpToPx(27);; private int mMinTabWidth = Integer.MAX_VALUE;我这里偷懒一下就不做方法暴露了，直接写死了线宽为27dp了好了，已经完成修改线宽目标了。(扩展一下：这里你也可以修改draw方法，画个图，或者画个小圆圈什么的)接下来增加指示线滑动切tab的过渡动画很简单我就放代码吧，关键就是在onPageScrolled方法里面做点手脚总共改动就50来行吧，就达成效果了。是不是很简单。（简单才怪，总之做出来之后觉得确实蛮简单的）这样改好处多多，为什么呢？xml基本不需要改变，tablayout名字改一下，代码也是导包改一下，替换官方tablayout的时候代码几乎不需要变化，是不是很爽？3. github下载，喜欢就给个star吧，如果对你有帮助的话https://github.com/zjw-swun/AppOrder4. 总结官方support包就是可以这么任性的拷贝出来，有时候一个拷出一个类根本没涉及到别的类，善假于物也。

最近一直想做下拉刷新的效果，琢磨了好久，才走到通过onTouch方法把整个视图往下拉的步骤，接下来就是能拉下来，松开手要能滑回去啊。网上看了好久，没有找到详细的下拉刷新的例子，只有自己慢慢琢磨了。昨天和今天，研究了两天，下拉之后回滚回去的效果终于今天做出来了！开心。现在来分享下我的实现方法和一些心得体会吧。我看了网上一个大神的例子，发现是在onTouch里面使用View的scrollTo(int, int)方法，来使整个视图往下滚动的，我尝试了使用setTranslationY()来对视图进行回滚，第一次是没问题的，但多滚动几次之后，整个视图实际上已经到了非常“高”的地方了，要拉很长的距离才能

JavaScript

87,922

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章