jQuery UI 滑块在 Opera 中无法正常工作？

Question

所以，我对此很陌生，一月份开始学习网页设计，并且仍在我的第一个网站上工作，但我遇到了 UI 滑块和 Opera 的问题，我似乎无法弄清楚。

每当单击 UI 句柄，或者更准确地说按下时，主窗口“largewindow”就会由于某种原因跳转到“top:0”？

我有以下代码：

<ul id="largewindow">
<li class="smallwindow">
    <ul class="first">
        <li class="logo"></li>
            <li class="scrollerwindow">
                <dl class="docwindow">
                    <dt class="somethingthumb1"><a href="/link/to/my/firstfile.html"></a></dt><dd>This is my first file</dd>
                    <dt class="somethingthumb2"><a href="/link/to/my/secondfile.html"></a></dt><dd>This is my second file</dd>
                </dl>
            </li>
        <li class="sliderbg"></li>
        <li id="slider1" class="slider"></li>

    </ul>
</li>

#largewindow {position: absolute; margin:0; padding:0; height: 6400px; width: 2250px; top:0; left:0; z-index:92}
#largewindow > li{position:relative; float:left; height:500px; width:2250px; list-style:none;}
.first {height:500px; width:750px; float: left;}
.logo {position: relative; height:60px; width:410px; top:27px; left: 160px; z-index:103;}
.docwindow {position: relative; height: 175px; width: 533px; top:-6px; left:0px; overflow: hidden;}
.scrollerwindow {position:relative; height: 175px; width:537px; top: 56px; left:92px; z-index: 99;}
.sliderbg {position:relative; top:54px; left: 80px; height:10px; width: 555px;}
.slider {left:78px; top:40px; width: 506px; height: 10px; margin: 5px; position: relative; z-index:199;}
.ui-slider-handle {width: 40px; height: 8px; position: absolute; top: 1px; border: none; outline:none; z-index:199;}
.ui-slider-handle:hover {background: #someothercolor;}

我已经尝试过将所有内容从脚本删除为这样：

$("#slider1").slider();

但它仍然如此，我一生都无法弄清楚。 如果我将“largewindow”的位置设置为固定，它可以解决 Opera 中的问题，但会在所有其他浏览器中创建一堆新问题。 我可能可以通过使用浏览器特定的 css 规则来解决这个问题，但是由于我在网上找不到有关此问题的任何信息，我猜这只是我作为新手而错过了一些简单的东西。

我在这里上传了一个现实生活中的例子： http://www.boatinfo.no​​/lib/library .html

？

Answer 1

我也有同样的问题。到目前为止，我已经追踪到这样一个事实：单击滑块手柄会将焦点转移到作为手柄的 A 元素，此操作会导致 Opera 向上滚动该元素。现在要防止这种情况发生，嗯！

-

因此，我确认将焦点放在可滚动区域中的任何旧链接似乎会触发链接元素的scrollIntoView(true) 行为。然后我将 Opera 升级到 v11.10，这个 bobo 就消失了。我以为我太聪明了。