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

Question

所以，我是新手，从 1 月份开始学习网页设计，仍在开发我的第一个网站，但我遇到了 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 {位置：绝对；边距：0；填充：0；高度：6400px；宽度：2250px；顶部：0；左：0； z-索引：92} #largewindow > li{position:relative;向左飘浮;高度：500 像素；宽度：2250px；列表样式：无；} .first {高度：500px;宽度：750px；向左飘浮;} .logo {位置：相对；高度：60px；宽度：410px；顶部：27px；左：160px； z-index:103;} .docwindow {位置：相对；高度：175px；宽度：533px；顶部：-6px；左：0px；溢出：隐藏；} .scrollerwindow {位置：相对；高度：175px；宽度：537px；顶部：56px；左：92px； z-index: 99;} .sliderbg {位置：相对；顶部：54px；左：80px；高度：10px；宽度：555 像素；} .slider {left:78px;顶部：40px；宽度：506px；高度：10px；边距：5px；位置：相对； z-index:199;} .ui-slider-handle {宽度：40px;高度：8px；位置：绝对；顶部：1px；边框：无；大纲：无； z-index:199;} .ui-slider-handle:hover {背景：#someothercolor;}

我已尝试将脚本中的所有内容都删减成这样：

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

它仍然可以，我这辈子都想不通。 如果我将“大窗口”的位置设置为固定，它可以解决 Opera 中的问题，但会在所有其他浏览器中创建一堆新问题。 我可能可以通过使用浏览器特定的 css 规则来解决这个问题，但是由于我在网上找不到关于这个问题的任何信息，我猜这只是我是一个新手并且缺少一些简单的东西。

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

?

Answer 1

我也有同样的问题。到目前为止，我已经追踪到这样一个事实，即单击滑块句柄会将焦点放在作为句柄的 A 元素上，并且此操作会导致 Opera 向上滚动元素。现在开始防止这种情况，嗯！

--

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