Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

circular设置true/false后autoplay播放效果都一样 #20

Closed
nuintun opened this issue Jul 16, 2013 · 18 comments
Closed

circular设置true/false后autoplay播放效果都一样 #20

nuintun opened this issue Jul 16, 2013 · 18 comments

Comments

@nuintun
Copy link

nuintun commented Jul 16, 2013

如题,现在circular设置true和false,自动播放的时候最后一屏回到第一屏的动画是反方向过度的,没有无缝无限滚动的感觉,除了Carousel组件上下按钮点击能感觉到效果外,其他组件里感觉到circular参数就是个摆设,很鸡肋,是否在autoplay里播放到最后一页的时候判断circular是否设置调用不同的处理方式呢?

@lizzie
Copy link
Member

lizzie commented Jul 16, 2013

circular 触发循环切换的条件是, 设置了 circular: true, 且效果是 scrollx 或 scrolly, 但目前确实除了 Carousel 的 circular 有用外, 其他都没用, 原因是内部设了个 _isNext 变量控制, 这个写的有问题, 我查下看.

@nuintun
Copy link
Author

nuintun commented Jul 16, 2013

@lizzie Thanks!

@lizzie lizzie closed this as completed in dd97ad3 Jul 16, 2013
@lizzie
Copy link
Member

lizzie commented Jul 16, 2013

@nuintun
Copy link
Author

nuintun commented Jul 17, 2013

@lizzie 可以了,thanks~

@nuintun
Copy link
Author

nuintun commented Jul 17, 2013

@lizzie 有个新BUG,就是Slide设置circular后从第一个直接切换到最后一个的时候会出现一个白屏!

@lizzie
Copy link
Member

lizzie commented Jul 17, 2013

有demo么? 看文档的示例是没有白屏啊...

@leoner
Copy link
Member

leoner commented Jul 17, 2013

以前是有个白屏的, 最新的版本应该解决了呀.

@lizzie
Copy link
Member

lizzie commented Jul 17, 2013

确实还有个问题, 从第一个直接切换到最后一个, scrolly动画, 是从上切到下的. 正常是从下切到上的

@nuintun
Copy link
Author

nuintun commented Jul 17, 2013

demo不好弄,直接上图吧!
image

@lizzie
Copy link
Member

lizzie commented Jul 17, 2013

是不是你CSS 设的不对?

@nuintun
Copy link
Author

nuintun commented Jul 17, 2013

不是,结构按着文档来的,未改之前是正常的~

@nuintun
Copy link
Author

nuintun commented Jul 17, 2013

@lizzie 而且这个白的不是一直在,是切换过来后图片才突然出现!

@nuintun
Copy link
Author

nuintun commented Jul 17, 2013

这是结构,scrolly测试也有这个问题!
image

@lizzie
Copy link
Member

lizzie commented Jul 17, 2013

@newtonniu 是否可以把页面发到我邮箱? 看图没法定位原因... [email protected]

@nuintun
Copy link
Author

nuintun commented Jul 17, 2013

@lizzie 已发,查了一遍,的确css问题,囧,Demo里面有说明,你看看吧!

@lizzie
Copy link
Member

lizzie commented Jul 17, 2013

你可以修改 CSS :

/**
 * 问题已发现,是这个hidden照成的,这里设置hidden是修复IE7及以下浏览器没有隐藏的bug
 */
.slidepic { overflow: hidden; }

.ui-switchable-content 这个div, 宽高是不需要 overflow: hidden的, 应该是其父级设定宽高且 overflow: hidden;
你试下看~

@lizzie
Copy link
Member

lizzie commented Jul 17, 2013

按上述去掉之后, IE6,7怎么还是有白屏...aralejs/switchable 示例也有同样的问题, 我查下看.

@nuintun
Copy link
Author

nuintun commented Jul 17, 2013

@lizzie 嗯~

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants