нажмите на ссылку и вернитесь к строке ссылки без прокрутки назад - PullRequest
Новая
       15

нажмите на ссылку и вернитесь к строке ссылки без прокрутки назад

0 голосов
/ 21 октября 2011

Я создаю блок div с помощью css: overflow: scroll. Вот мой код: 

<div id="resultbox" style="overflow:auto">
    <div id="abc"><a id="p1" href="123.php" class="fac_result" >abc</a>
        <a id="p2" href="456.php" class="fac_result" >def</a>
        <a id="p3" href="789.php" class="fac_result" >ghi</a>
    </div>
    <div id="ccc">
        <a id="pt1" href="123.php" class="fac_result" >123</a>
        <a id="pt2" href="456.php" class="fac_result" >456</a>
        <a id="pt3" href="789.php" class="fac_result" >789</a>
    </div>
    <div id="kkk">
        <a id="s1" href="ddd.php" class="fac_result" >wer</a>
        <a id="s2" href="fff.php" class="fac_result" style="background-color:#C7C8CA">fff</a>
        <a id="s3" href="ggg.php" class="fac_result" >ggg</a>
    </div>
    <div id="opo">
        <a id="t1" href="qqq.php" class="fac_result" >rrr</a>
    </div>
</div>

Как я могу сделать так, чтобы после того, как пользователь щелкнул ссылку после обновления страницы, он все равно вернет пользователя в только что выбранную строку, которая подсвечивается фоном с background-color:#C7C8CA, но я не хочу прокручивать вниз стр. Я просто хочу, чтобы он вернул мне выбранную ссылку только в окне div. Является ли это возможным?

Ответы [ 2 ]

0 голосов
/ 21 октября 2011

Вы делаете это кросс-страницы?

Вы можете использовать плагин scrollTo, который может прокручивать внутри div.

http://flesler.blogspot.com/2007/10/jqueryscrollto.html

Их примеры созданы таким образом: http://demos.flesler.com/jquery/scrollTo/

* * 1010

Если вы хотите сделать это при загрузке страницы и динамически настраивать фон, то просто выполните: 

$('resultbox').scrollTo($('a[background-color=#C7C8CA]'));
0 голосов
/ 21 октября 2011

Вам нужно передать идентификатор через хеш, например #id. Предположим, вы хотите перенаправить пользователя в эту прокручиваемую строку: 

<a id="s1" href="ddd.php" class="fac_result" >wer</a>

Вы бы перенаправили, используя: 

page.php#s1

page.php должна быть той же самой страницей, где определена вышеуказанная ссылка.

* * 1010

Рабочий пример прямо здесь, нажмите на следующую ссылку:

Мой ответ

Это привело бы вас к моему ответу, прокручиваемому напрямую. Та же самая техника используется здесь, вот URL: 

/6032898/nazhmite-na-ssylku-i-vernites-k-stroke-ssylki-bez-prokrutki-nazad
click-on-a-link-and-go-back-to-the-link-row-without-scroll-back/7845469#7845469

Как видно в конце, есть #7845469, который является идентификатором строки, содержащей мой ответ.

...