Как прокрутить элемент списка до верхней части моей страницы, когда я нажимаю на нее?

Я использую jQuery mobile, и у меня есть длинный неупорядоченный список:

<div id="wrapper" />
<div id="scroller" />
<div class="trans" />
    <div data-role="collapsible" class="my-collapsible" data-collapsed="false" data-theme="a" data-iconpos="right">

    $111.58 - 10/30/2012 - McDonalds Restaurant - Chicago Il

    <div data-role="controlgroup" data-type="horizontal"> YesNot deductibleI don't know</div> <div data-role="collapsible" class="my-collapsible" data-collapsed="false" data-theme="a" data-iconpos="right">

    $111.58 - 10/30/2012 - McDonalds Restaurant - Chicago Il

    <div data-role="controlgroup" data-type="horizontal"> YesNoI don't know</div> <div data-role="collapsible" class="my-collapsible" data-collapsed="false" data-theme="a" data-iconpos="right">

    $111.58 - 10/30/2012 - McDonalds Restaurant - Chicago Il

    <div data-role="controlgroup" data-type="horizontal"> YesNoI don't know</div> </div>
        </div>
    </div>
</div>

And, I'm trying to make it so that when I click on any list item, that list item highlights and scrolls to the top of my viewport, just underneath the title. Any ideas?

1
добавлено отредактировано
Просмотры: 2
nl ja de

2 ответы

Проверьте $. ScrollTo() плагин и функцию jQuery UI highlight .

Check this question also, it has a nice solution to scroll to elements: jQuery scroll to element

http://demos.flesler.com/jquery/scrollTo/

http://docs.jquery.com/UI/Effects/Highlight

0
добавлено

Попробуй это:

$('a').click(function(){
    $("#scroller").css('top','0');
});
0
добавлено
Это прокручивает строку прокрутки браузера в порядке, но у меня есть своя полоса прокрутки внутри страницы, которую я хочу прокрутить. Я попробовал $ ('a'). Click (function() {$ ("# scroller"). ScrollTop (0);}); , но я ничего не получил. Спасибо за попытку.
добавлено автор Squirrl, источник
ОК. Я думал, что вы использовали автоматический прокрутки. Попробуйте этот $ ('a'). Click (function() {$ ("# scroller"). CSS ('top', '0');});
добавлено автор A. Magalhães, источник