Почему скролл возвращается обратно

@fredwriter · Регистрация: 17.10.2009

Студворк — интернет-сервис помощи студентам

Здравствуйте, не могу понять,

JavaScript
1
$(document).scrollTop(scrollTop);

сначала срабатывает, а затем возвращается на верх страницы.
Вот код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function move_org(id) {
            var n_m_org = parseInt(id_elem.substr(3, id_elem.length - 3));
            if (sel_org == true) {
                if ((n_m_org > 1 && id == "1") || (n_m_org < count_elems && id == "2")) {
                    var m_org = $("#"+id_elem).html();
                    if (id == "1") { 
                        var m_cont = n_m_org - 1;
                    }
                    else {
                        var m_cont = n_m_org + 1;
                    }
                    $("#"+id_elem).html($("#"+"org"+m_cont).html());
                    $("#"+"org"+m_cont).html(m_org);
                    $("#"+"org"+m_cont).css("background", "#4ABAFF");
                    $("#"+id_elem).css("background", "white");
                    $("#"+"tr"+m_cont).css("border-left", "10px solid #4ABAFF");
                    $("#"+"tr"+n_m_org).css("border-left", "10px solid black");
                    id_elem = "org"+m_cont;
                    $("#"+"hide"+n_m_org).attr("value", n_m_org);
                    $("#"+"hide"+m_cont).attr("value", m_cont); 
                }
            }
                        scrollTop = $("#"+"org"+m_cont).offset().top;
                        $(document).scrollTop(scrollTop);
        };

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

@Уф · 03.04.2017, 13:14

JavaScript
1
"а"+" "+"т"+"ы"+" "+"в"+" "+"к"+"о"+"н"+"с"+"о"+"л"+"ь"+" "+"п"+"р"+"о"+"б"+"о"+"в"+"а"+"л"+" "+"в"+"ы"+"в"+"о"+"д"+"и"+"т"+"ь"+"?"+" "+"м"+"о"+"ж"+"е"+"т"+" "+"о"+"н"+" "+"н"+"у"+"л"+"е"+"м"+" "+"с"+"т"+"а"+"н"+"в"+"о"+"и"+"т"+"с"+"я"+"?"

@fredwriter · 03.04.2017, 13:42 **[ТС]**

Если он нулём становится, то почему? Я даже пошагово выполнял этот код, а Вы про консоль) И как ему не давать нулём становиться?

@Уф · 03.04.2017, 14:52

представляешь я сам такое спрашивал два года назад Прокрутка к элементу сбивается при повторном запросе

Добавлено через 15 минут
у тебя будет так

JavaScript
1
scrollTop = $("#org"+m_cont).offset().top - $("#org"+m_cont).parent().offset().top - $("#org"+m_cont).parent().scrollTop();

@fredwriter · 04.04.2017, 03:15 **[ТС]**

В вашем примере $('#'+id) - это строка, значит её родитель это tbody.

JavaScript
1
2
3
$('#sdiv').animate({
        scrollTop: $('#'+id).offset().top - $('#'+id).parent().offset().top - $('#'+id).parent().scrollTop()
    }, 1000);

А у меня $("#org"+m_cont) - это ячейка, значит родитель это строка. И получается: ячейка.offset.top - строка.offset.top = 0, и минус скролтоп строки, который тоже 0 обычно у меня.
Я сделал так:

JavaScript
1
scrollTop = $("#org"+m_cont).parent().offset().top - $("#org"+m_cont).parent().parent().offset().top - $("#org"+m_cont).parent().parent().scrollTop();

Так вычисляется правильно, но всё равно возвращается. Может код скрола у меня не в том месте, оно возвращается после выполнения всех строк кода.

@Уф · 04.04.2017, 07:50

а как ты скролишь ячейки в таблице отдельно от строк?

@fredwriter · 04.04.2017, 09:39 **[ТС]**

Во первых это не представляю как это реализовать) во вторых это мне не нужно, в третьих у меня в примере:

JavaScript
1
scrollTop = $("#org"+m_cont).parent().offset().top - $("#org"+m_cont).parent().parent().offset().top - $("#org"+m_cont).parent().parent().scrollTop();

Скролятся именно строки. Но почему-то скрол возвращается обратно(.

@Уф · 04.04.2017, 10:21

сделал по ячейкам. все работает

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div style="overflow-y: auto; height: 100px" id="sdiv">
<table border=1 id="tbl">
        <tr><td>abc</td><td id="cell_1">1</td></tr>
        <tr><td>abc</td><td id="cell_2">2</td></tr>
        <tr><td>abc</td><td id="cell_3">3</td></tr>
        <tr><td>abc</td><td id="cell_4">4</td></tr>
        <tr><td>abc</td><td id="cell_5">5</td></tr>
        <tr><td>abc</td><td id="cell_6">6</td></tr>
        <tr><td>abc</td><td id="cell_7">7</td></tr>
        <tr><td>abc</td><td id="cell_8">8</td></tr>
        <tr><td>abc</td><td id="cell_9">9</td></tr>
        <tr><td>abc</td><td id="cell_10">10</td></tr>
        <tr><td>abc</td><td id="cell_11">11</td></tr>
        <tr><td>abc</td><td id="cell_12">12</td></tr>
        <tr><td>abc</td><td id="cell_13">13</td></tr>
        <tr><td>abc</td><td id="cell_14">14</td></tr>
        <tr><td>abc</td><td id="cell_15">15</td></tr>
        <tr><td>abc</td><td id="cell_16">16</td></tr>
    </table>
</div>
<br><span id="pos"></span><br>
<input type = "button" value = "10" class="btn">
<input type = "button" value = "15" class="btn">
<input type = "button" value = "2" class="btn">

JavaScript
1
2
3
4
5
6
$('.btn').click( function() {
    var id = $(this).val();
    $('#sdiv').animate({
        scrollTop: $('#cell_'+id).parent().offset().top - $('#cell_'+id).parent().parent().offset().top - $('#cell_'+id).parent().parent().scrollTop()
    }, 1000);
});

Добавлено через 27 секунд
песочница

@fredwriter · 04.04.2017, 10:42 **[ТС]**

Спасибо, а если без animate, а как у меня?

JavaScript
1
2
scrollTop = $("#org"+m_cont).parent().offset().top - $("#org"+m_cont).parent().parent().offset().top - $("#org"+m_cont).parent().parent().scrollTop();
$(document).scrollTop(scrollTop);

@Уф · 04.04.2017, 10:46

да, так должно работать

@fredwriter · 04.04.2017, 10:46 **[ТС]**

Сравните две строки) мою в 7 посте

JavaScript
1
$("#org"+m_cont).parent().offset().top - $("#org"+m_cont).parent().parent().offset().top - $("#org"+m_cont).parent().parent().scrollTop();

и вашу

Сообщение от Уф

JavaScript
1
$('#cell_'+id).parent().offset().top - $('#cell_'+id).parent().parent().offset().top - $('#cell_'+id).parent().parent().scrollTop()

Это же parent и parent.parent, то есть строка и tbody. Ну Вы прям сделали по ячейкам).

Добавлено через 29 секунд

Сообщение от Уф

да, так должно работать

Не работает)

@Уф · 04.04.2017, 12:56

работает и с tbody и без анимации
песочница

JavaScript
1
2
3
4
5
$('.btn').click( function() {
    var id = $(this).val();
    $('#sdiv').scrollTop( $('#cell_'+id).parent().offset().top - $('#cell_'+id).parent().parent().offset().top - $('#cell_'+id).parent().parent().scrollTop()
    );
});

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div style="overflow-y: auto; height: 100px" id="sdiv">
<table border=1 id="tbl">
<tbody>
        <tr><td>abc</td><td id="cell_1">1</td></tr>
        <tr><td>abc</td><td id="cell_2">2</td></tr>
        <tr><td>abc</td><td id="cell_3">3</td></tr>
        <tr><td>abc</td><td id="cell_4">4</td></tr>
        <tr><td>abc</td><td id="cell_5">5</td></tr>
        <tr><td>abc</td><td id="cell_6">6</td></tr>
        <tr><td>abc</td><td id="cell_7">7</td></tr>
        <tr><td>abc</td><td id="cell_8">8</td></tr>
        <tr><td>abc</td><td id="cell_9">9</td></tr>
        <tr><td>abc</td><td id="cell_10">10</td></tr>
        <tr><td>abc</td><td id="cell_11">11</td></tr>
        <tr><td>abc</td><td id="cell_12">12</td></tr>
        <tr><td>abc</td><td id="cell_13">13</td></tr>
        <tr><td>abc</td><td id="cell_14">14</td></tr>
        <tr><td>abc</td><td id="cell_15">15</td></tr>
        <tr><td>abc</td><td id="cell_16">16</td></tr>
</tbody>
    </table>
</div>
<br><span id="pos"></span><br>
<input type = "button" value = "10" class="btn">
<input type = "button" value = "15" class="btn">
<input type = "button" value = "2" class="btn">

@fredwriter · 04.04.2017, 13:15 **[ТС]**

Спасибо за ответ. А зачем вы добавили тег tbody, он же сам добавляется браузером. Я имел в виду что у ячейки в нашем случае родитель это строка, а родитель.родитель это tbody.
Возможно у меня возвращается потому, что я скролю весь документ а нужно как у Вас div в котором таблица, или body, если таблица просто внутри body. Попробуйте вместо

JavaScript
1
$('#sdiv').scrollTop

написать

JavaScript
1
$(document).scrollTop(scrollTop);

. Я сейчас не могу проверить я уже дома.

@Уф · 04.04.2017, 13:19

я бы завернул все в див, теги document и body в разных браузерах выдают разные числа при измерении скрола

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@fredwriter 7 / 7 / 2 Регистрация: 17.10.2009 Сообщений: 325
	03.04.2017, 13:42 [ТС]
	Если он нулём становится, то почему? Я даже пошагово выполнял этот код, а Вы про консоль) И как ему не давать нулём становиться? 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	04.04.2017, 07:50
	а как ты скролишь ячейки в таблице отдельно от строк? 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	04.04.2017, 10:46
	да, так должно работать 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	04.04.2017, 13:19
	я бы завернул все в див, теги document и body в разных браузерах выдают разные числа при измерении скрола 0