一样的

把代码贴出来，要不不知道你错在那里了

<div class="main-i {{css}}" id="main_{{index}}">

<div>

<h2>{{H2}}</h2>

<h3>{{H3}}</h3>

</div>

<img src="imgs/{{index}}.jpg" alt="">

</div>

img里应该加一个class="picture"吧

全部代码在楼上

怎么解决的

var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

所有兼容写法

你应该是html和css中的class名不一致造成的，比如ctrl-i_active写成ctrl-i-active，不一致的话，点击时候就是会图片一直往下显示的。我的情况是这样子的，你好好检查一下你的，或许跟我的是一样的问题

你连代码都不贴 谁知道你有什么问题

你的245和246两行：

main.className += 'main-i_active';

ctrl.className += 'ctrl-i_active';

应该改为

main.className += ' main-i_active';

ctrl.className += ' ctrl-i_active';

就是在main-i_active和ctrl-i_active前面加个空格

---

document.documentElement.clientHeight 这样可以啊，不知道你是怎么获取的

你这段代码放错位置了

“  <div class="ctrl" id="template_ctrl">
       <a class="ctrl-i" id="ctrl_{{index}}" href="
       javascript:switchSlider({{index}});"><img src="imgs/{{index}}.jpg"/></a>
   </div>”

应该放在<div class="slider"></div>里面，和<div class="main">同级

内敛元素之间 换行会有空隙 你把包裹他们的父级元素的font-size：0px试试  不行再加上 字体缩进-4px试试

不用。overflow可以激发一个独立的不影响其他元素的块。加上了overflow是有用处的。

不进行margin-top的运算

这句话是嘛意思...

top 50%,先使图片的上边据处于父元素(容器)的中线位置,在通过js计算自身高度的一半,设置给margin-top.将图片向上提升自己高度的一半.即自身中线与父元素中线对齐.translate()不知道要传入多少值.再者translate变换后有点position:relative的味道,会使原先占用的布局(位置)保持不变,会对下面元素排版,照成一定的美观影响.而margin设置后,下面的文本等内容会随之而变.