Как рассчитать горизонтальную позицию прокрутки

Question

Как рассчитать горизонтальную позицию прокрутки

0

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

Я также не могу постоянно поддерживать активную связь на дому. Потому что, если пользователи будут обновлять страницу, пока она активна на другой странице, главная страница будет подсвечена. Мой сайт похож на этот: что-то вроде этого веб-сайта

casraf 18 дек. 2013, в 12:09

Источник

1

Вы можете использовать $('html, body').scrollLeft() чтобы получить горизонтальную позицию прокрутки, если вы используете jQuery.
casraf 18 дек. 2013, в 10:50
0

спасибо человек, ты спас мою задницу. оставьте свой комментарий как ответ, я приму его.
user2021917 18 дек. 2013, в 11:21

Теги:

javascript

jquery

scroll

horizontalscrollview

2 ответа

0

проверьте это... http://jsfiddle.net/aGCVt/2/

Вы также можете использовать document.getElementById('container'). ScrollLeft = ВАША СТРАНИЦА;

HTML

<button onclick="gotoPage(0)">First</button>
    <button onclick="gotoPage(1)">Second</button>
    <button onclick="gotoPage(2)">Third</button>
    <div style="white-space: nowrap; overflow: auto; width: 500px;height: 300px;" id="container">
        <div id="firstPage" class="common"></div>
        <div id="secondPage" class="common"></div>
        <div id="thirdPage" class="common"></div>
    </div>

CSS

.common {
    width: 500px;
    height: 300px;
    display: inline-block;
}

#firstPage {

    background-color: red;
}

#secondPage {
    background-color: yellow;
}

#thirdPage {
    background-color: green;
}

JAVASCRIPT

function gotoPage(pageNo) {
    var scroll = 500 * pageNo;
    document.getElementById('container').scrollLeft = scroll;
}

вы также можете использовать jquery $ ('# container'). scrollLeft().

ArchFever 18 дек. 2013, в 10:10

Ещё вопросы

Вы можете использовать $('html, body').scrollLeft() чтобы получить горизонтальную позицию прокрутки, если вы используете jQuery.
спасибо человек, ты спас мою задницу. оставьте свой комментарий как ответ, я приму его.

casraf · Accepted Answer · 2013-12-18T09-12-00.000Z

Если вы используете jQuery, вы можете использовать .scrollLeft() для получения горизонтального прокрутки страницы в пикселях.

Вот так:

$(window).scroll(function() {
    var scroll = $('html, body').scrollLeft();
    // do stuff with the value...
});