严重BUG，swiper内容滚动发现严重BUG。求解决！！

花宇 · 发表于 2016-2-20 20:58:52

本帖最后由花宇于 2016-2-20 20:58 编辑

本人菜鸟一个，工作时间不长，都是一边学一边用，我知道自己的水平很烂，大神们看看帮忙解决问题，不要喷我。

年过完了，都回来工作了，老板给了个新项目，让设计一个手机端页面（听到之后很茫然，以前没有做过），本想把手机端效果设计和APP一样高大上，但是问题一个一个接踵而至，我一边设计，一边找资料，一边写代码，总算进行的还算顺利。结果在设计一个切换效果之后，问题又来了，用了一下午的时间反复改，反复测试，都没有解决，无奈只能请教大家了。

（以上不重要，重要的是下面）

1、先说说我的设计，我内容块固定大小（宽高都是100%，我在调用preventDefault()将触摸滑动给禁用了），接着用swiper的内容滚动（图1）效果就可以很完美的实现在固定大小内实现滑动。

图1

2、接下来我又在内容滚动里添加一个切换按钮（考虑到页面内容很长，所以分开切换展示），接着就在这里发现问题了，因为每次切换展示的内容不一样，所以内容块的高度也不一样，而swiper内容滚动块的高度就是初始化高度（这个高度是固定的），本以为高度会自适应的（这里有个问题，高度会变化，但是样式不改变，不知道是什么鬼。），但是滚动的内容块样式怎么都不变，而内容高度值却在变。之后，我又通过js改变样式，初始化设置等各种方法，最后还是没有能改变他的样式。每次都是值确实改变了，但是样式怎么都不变化。以下附图。