Положение исправлено - рядом с элементом, в то время как у нас есть опция прокрутки [закрыто] ⇐ Html

[Anonymous]

код JS < /p>

Код: Выделить всё

document.addEventListener("DOMContentLoaded", function () {
const container = document.getElementById("autoToggleContainer");
const leftArrow = document.getElementById("left-arrow");
const rightArrow = document.getElementById("right-arrow");

// Scroll 200px left/right
leftArrow.addEventListener("click", () => {
container.scrollBy({ left: -200, behavior: "smooth" });
});

rightArrow.addEventListener("click", () => {
container.scrollBy({ left: 200, behavior: "smooth" });
});

// Tooltip behavior
$(".autoToggle__switch").hover(function () {
const tooltip = $(this).find(".auto-toggleTooltip");
const offset = $(this).offset();
const height = $(this).outerHeight();

tooltip.css({
top: offset.top + height + 10,
left: offset.left,
display: "block"
});
}, function () {
$(this).find(".auto-toggleTooltip").hide();
});

// Optional: scroll active button into view on load
const activeBtn = container.querySelector(".autoToggle__switch.active");
if (activeBtn) {
activeBtn.scrollIntoView({ behavior: "smooth", inline: "center" });
}
});
document.getElementById("left-arrow").addEventListener("click", function () {
document.getElementById("autoToggleContainer").scrollBy({ left: -200, behavior: "smooth" });
});

document.getElementById("right-arrow").addEventListener("click", function () {
document.getElementById("autoToggleContainer").scrollBy({ left: 200, behavior: "smooth" });
});
< /code>
html code: < /p>


[img]~/Images/AdminPlus/white-prev-arrow.svg[/img]



@foreach (var item in Model.PastYearInfo)
{

@item.Name
Year @item.IdString

}


[img]~/Images/AdminPlus/white-next-arrow.svg[/img]

Это скриншот вывода:


[*] Здесь мы используем позиции: фиксированные позы: фиксированные: Для подъема инструментов, потому что родительский элемент имеет значки со стрелками, поэтому с использованием скрытого переполнения.

Показывает подсказку, но после нажатия следующей позиции подъема инструментов, показывающая то же местоположение при загрузке страницы < /p>
< /li>
Я пробовал много способов, но не работал < /p>
< /li>
< /ul>

Подробнее здесь: https://stackoverflow.com/questions/795 ... ing-option