При прокрутке вправо div останавливается в левой части экрана - PullRequest
Новая
       44

При прокрутке вправо div останавливается в левой части экрана

0 голосов
/ 09 февраля 2012

У меня быстрый вопрос по jQuery / css. Я кодирую сайт, и у меня есть серое поле, в котором будет содержаться контент / ссылки, которые я хочу прикрепить к левой стороне экрана, когда пользователь прокручивает вправо. Я прошел через кучу форумов / учебных пособий, но все еще не могу найти свое решение. Вот ссылка на сайт.

Я довольно новичок, когда дело доходит до jQuery, поэтому любая помощь будет принята с благодарностью, спасибо!

http://morseandcompany.com/index-TEST.html

Ответы [ 2 ]

0 голосов
/ 09 февраля 2012

EDIT:

Это должен быть скрипт, готовый для вашего документа: 

$(document).ready(function() 
{
    var theLoc = $('#sidebar').position().left;
    $(window).scroll(function() {
    if(theLoc >= $(window).scrollLeft()) {
        if($('#sidebar').hasClass('fixed')) {
            $('#sidebar').removeClass('fixed');
        }
    } else { 
        if(!$('#sidebar').hasClass('fixed')) {
            $('#sidebar').addClass('fixed');
        }
    }
});
});

Добавьте это к своему CSS: 

.fixed {position:fixed !important; left:0px !important;}

И измените CSS для #sidebar на: 

#sidebar {
min-height:100%;
width:266px;
height:100%;
height: auto !important; /*for modern browsers */ 
background-color:#F2F2F2;
z-index:2;
}

И измените HTML для боковой панели на: 

<DIV ID="sidebar" style="position:absolute; left:765px;"></DIV>
0 голосов
/ 09 февраля 2012

При посещении вашей веб-страницы я получаю эту ошибку: 

var docScrollRight = $('body,html').scrollRight();
                                    ^^^^^^^^^^^

Это не функция jQuery.Попробуйте scrollLeft().

...