jQuery UI Slider не работает правильно в Opera? - PullRequest
Новая
       10

jQuery UI Slider не работает правильно в Opera?

0 голосов
/ 29 марта 2011

Итак, я новичок в этом, начал изучать веб-дизайн в январе и все еще работаю над своим первым сайтом, но у меня возникли проблемы с ползунком пользовательского интерфейса и Opera, которые я не могу понять.

При каждом нажатии или более точном нажатии на дескриптор пользовательского интерфейса главное окно «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

1 Ответ

0 голосов
/ 14 апреля 2011

У меня такая же проблема. До сих пор я отслеживал тот факт, что нажатие на маркер слайдера дает фокус на элемент A, который является дескриптором, и это действие заставляет Opera прокручивать элемент вверх. Теперь, чтобы предотвратить это, а!

-

Итак, я подтвердил, что фокусировка на любой старой ссылке в прокручиваемой области вызывает поведение элемента ссылки scrollIntoView (true). Затем я обновил Opera до версии 11.10, и этот бобо исчез. И я подумал, что я такой умный.

...