【发布时间】：2011-02-22 20:35:56
【问题描述】：
我在网页 (http://www.marketscout.com/various_sites/symposium11/) 中有 jcarousellite 插件。它使用基于文本和图像的内容垂直滚动。我有我想要的一切，但问题是 IE8 中的滚动从零位置 [li] 标记开始向上几个像素。所以它实际上从最后一个 [li] 开始，并导致每个 [li] 上的停止点稍微歪斜。
我用红色边框为每个 [li] 加上了边框，因此您可以看到起点略微偏离。任何帮助让它像在 Firefox 中一样做出反应都会很棒。在 Firefox 中，滚动条从第一个 [li] 的上边框开始，当它移动到下一个 [li] 时，在上边框停止。出于某种原因，看起来 IE8 正在使用 jcarouselite .js 文件中发生的数学运算。我是一个完整的 JQuery 菜鸟，但是我把下载的所有 .js 文件都放到了我的文件结构中。
jcarousellite_1.0.1c4.js、jcarousellite_1.0.1.pack.js 和 jcarousellite_1.0.1.min.js
我认为考虑到 IE 在 css 中为边距抛出的额外像素空间有时可以解决问题。但事实并非如此。旋转木马的 css 包含在下面。
#newsticker-demo { width:280px;
填充：5px 5px 0; 字体系列：Verdana，Arial，无衬线； 字体大小：12px； 边距：0px 自动； 边框：0px 纯蓝色； 高度：295px； }
newsticker-demo a { text-decoration:none; }
newsticker-demo img { 边框：0px solid #FFFFFF; }
newsticker-demo .title {
文本对齐：居中； 字体大小：13px； 字体粗细：粗体； 填充底部：10px； padding-bottom:8px\9; } .newsticker-jcarousellite { 宽度：270px; } .newsticker-jcarousellite li.njl { 列表样式：无；显示：块；填充底部：3px；边距：0px；边距底部：-2px\9；边框：1px 纯红色；高度：62px；高度：64px； } .newsticker-jcarousellite .thumbnail { 浮动：左；宽度：60px；高度：60px；边框：0px 实心#FFFFFF； } .newsticker-jcarousellite .info { 浮动：对；宽度：200px；高度：60px；边框：0px 实心#FFFFFF； } .newsticker-jcarousellite .info span.cat { 显示：块；字体大小：10px；颜色：#808080; } .clear { 明确：两者； }
这里是javascript：
$(function() {
$(".newsticker-jcarousellite").jCarouselLite({
vertical: true,
hoverPause:true,
visible: 4,
start: 0,
auto:1500,
speed:2000
});
});
这是 HTML：
<div id="newsticker-demo">
<div class="title">2011 Symposium Speakers</div>
<div class="newsticker-jcarousellite">
<ul>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/RossBuchmuellersm.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#RossBuchmueller">Ross Buchmueller</a>
<br/>President and CEO<br/>PURE Risk Management</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/Speaker60.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#RobByler">Rob Byler</a>
<br/>President<br/>QBE</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/Speaker60.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#PeterEastwood">Peter Eastwood</a>
<br/>CEO<br/>Lexington Insurance</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/RickGulliversm.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#RichardGulliver">Richard Gulliver</a>
<br/>President<br/>HUB International</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/AlanKaufmansm.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#AlanKaufman">Alan Kaufman</a>
<br/>Chairman, President, & CEO<br/>Burns & Wilcox</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/Speaker60.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#RichardKerr">Richard Kerr</a>
<br/>Founder and CEO<br/>MarketScout</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/Speaker60.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#MichaelHLee">Michael H. Lee</a>
<br/>Chairman, President and CEO<br/>Tower Group Companies</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/Speaker60.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#JayPoorman">Jay Poorman</a>
<br/>Managing Director<br/>StoneRidge Advisors, LLC</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/Speaker60.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#SusanRivera">Susan Rivera</a>
<br/>CEO<br/>V3</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/Speaker60.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#DougTeegan">Doug Teegan</a>
<br/>Managing Director<br/>Lloyd's America, Inc.</span>
</div>
<div class="clear"></div>
</li>
<li class="njl">
<div class="thumbnail">
<img class="nji" src="images/speakers/HankWatkinssm.png" alt="" />
</div>
<div class="info">
<span class="cat"><a href="speakers.asp#HankWatkins">Hank Watkins</a>
<br/>President<br/>Lloyds America, Inc.</span>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
</div>
提前感谢您的帮助！
【问题讨论】：
标签： internet-explorer-8 jcarousellite