Question

所以，我是新手，1月开始学习网页设计，并且还在我的第一个网站上工作，但我遇到了UI滑块和Opera的问题，我似乎无法弄清楚。

每当点击UI句柄或更准确地按下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();

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

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

Answer 1

我遇到了同样的问题。到目前为止，我已经跟踪到了这样一个事实，即单击一个滑块手柄会将焦点放在作为句柄的A元素上，此操作会使Opera向上滚动元素。现在就防止这个，呃！

-

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

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

1 个答案: