Как я могу прокрутить до определенного div onclick?

Question

Как я могу прокрутить до определенного div onclick?

0

У меня есть эта функция

    function first_scroll() {
        document.getElementById('insert').scrollIntoView();
    }

и эта кнопка

Button ID="finish" runat="server" Text="Finalize" OnClientClick="first_scroll()"

Эта кнопка запускает некоторый код, и я хочу, чтобы страница прокручивалась после запуска этого кода. Прямо сейчас, это прокручивается до специализированного div менее чем за секунду, а затем после обратной передачи снова запускается вверху.

Чтобы решить эту проблему, я попытался использовать

<% Page MaintainScrollPositionOnPostback="true" %>

Однако это не имело никакого эффекта. Итак, как мне сделать прокрутку страницы после запуска кода?

Заранее спасибо!

Feign 13 окт. 2013, в 08:08

Источник

Теги:

javascript

html

asp.net

vb.net

1 ответ

Ещё вопросы

CodeMonk · Answer 1 · 2013-10-13T03-40-00.000Z

Сначала вы хотите связать функцию как обработчик клика изображения:

$('#someImage').click(function () {
    // Code to do scrolling happens here
});

Это применит обработчик кликов к изображению с id="someImage". Если вы хотите сделать это со всеми изображениями, замените '#someImage' на 'img'.

Теперь для фактического кода прокрутки:

Получите смещения изображения (относительно документа):
```
var offset = $(this).offset(); // Contains .top and .left
```
Вычтите 20 из top и left:
```
offset.left -= 20;
offset.top -= 20;
```
Теперь анимируйте свойства CSS прокрутки и прокрутки слева от <body> и <html>:
```
$('html, body').animate({
    scrollTop: offset.top,
    scrollLeft: offset.left
});
```

Кроме того, посмотрите на плагин jQuery.scrollTo.

Вот демо.

Это повторяющийся вопрос с этой страницы.

За исключением того, что это не тот вопрос. Моя кнопка запускает некоторый код VB, а затем происходит обратная передача. После этой обратной передачи, несмотря на то, что я прокручивал с помощью javascript, страница начинается снова вверху. Спасибо за ответ, но это не помогает.
@ Симон, да, это произвольно и может иметь различное значение для разных наборов кодов.
@baba, я использовал плагин jQuery.ScrollTo в нескольких местах и работал хорошо для меня. Вы ссылались на демо? Что-то хорошее?
@ Саджал, я думаю, ты упустил смысл моего вопроса. Я понимаю, как использовать разные вещи для прокрутки. Моя проблема в том, что есть обратная передача, которая заставляет страницу вернуться наверх. Как указано в моем вопросе.