MediaWiki:Common.js: различия между версиями

Строка 95:

console.log("Элемент найден, прокручиваем к нему.");

// ~~Прокручиваем страницу к элементу~~

// Получаем контейнер дерева категорий

$('~~html, body~~').~~animate~~({

var $treeContainer = $('.CategoryTreeTag');

~~scrollTop: $lastOpenedItem~~.~~offset~~().~~top~~ - 100 // Вычитаем 100px, чтобы элемент не прилипал к верху ~~страницы~~

}, ~~500~~);

// Рассчитываем позицию элемента относительно контейнера

var itemTop = $lastOpenedItem.position().top;

var itemBottom = itemTop + $lastOpenedItem.outerHeight();

// Получаем видимую область контейнера

var containerTop = $treeContainer.scrollTop();

var containerBottom = containerTop + $treeContainer.height();

// Проверяем, находится ли элемент за пределами видимой области

if (itemTop < containerTop || itemBottom > containerBottom) {

console.log("Элемент за пределами видимой области, прокручиваем контейнер.");

// Прокручиваем контейнер к элементу

$treeContainer.animate({

scrollTop: itemTop + containerTop - 100 // Вычитаем 100px, чтобы элемент не прилипал к верху контейнера

}, 500);

} else {

console.log("Элемент в видимой области, прокрутка не требуется.");

}

// Добавляем класс для подсветки элемента

$lastOpenedItem.addClass('last-opened-page');

// Удаляем заголовок из localStorage, чтобы больше не прокручивать

@@ Строка 95: / Строка 95: @@
                  console.log("Элемент найден, прокручиваем к нему.");
-                 // Прокручиваем страницу к элементу
+                 // Получаем контейнер дерева категорий
-                 $('html, body').animate({
+                 var $treeContainer = $('.CategoryTreeTag');
-                     scrollTop: $lastOpenedItem.offset().top - 100 // Вычитаем 100px, чтобы элемент не прилипал к верху страницы
-                 }, 500);
+                // Рассчитываем позицию элемента относительно контейнера
+                var itemTop = $lastOpenedItem.position().top;
+                var itemBottom = itemTop + $lastOpenedItem.outerHeight();
+                // Получаем видимую область контейнера
+                var containerTop = $treeContainer.scrollTop();
+                var containerBottom = containerTop + $treeContainer.height();
+                // Проверяем, находится ли элемент за пределами видимой области
+                if (itemTop < containerTop || itemBottom > containerBottom) {
+                     console.log("Элемент за пределами видимой области, прокручиваем контейнер.");
+                    // Прокручиваем контейнер к элементу
+                    $treeContainer.animate({
+                        scrollTop: itemTop + containerTop - 100 // Вычитаем 100px, чтобы элемент не прилипал к верху контейнера
+                    }, 500);
+                 } else {
+                    console.log("Элемент в видимой области, прокрутка не требуется.");
+                }
                  // Добавляем класс для подсветки элемента
-                 $lastOpenedItem.addClass('last-opened-page');
+                $lastOpenedItem.addClass('last-opened-page');
                  // Удаляем заголовок из localStorage, чтобы больше не прокручивать