Я создал индивидуальное меню. См. here. При щелчке по этой ссылке появляется всплывающее окно с длинным списком элементов. Теперь я хочу иметь ссылку «назад к вершине», которая возвращает меня в начало списка меню.Перейти к началу страницы в лайтбокс
Я установил ваш лайтбокс с идентификатором #box.
Html
<div id="box">
...
<!-- long content there -->
<a href="#" id="toTop">To Top</a>
</div>
CSS (настройка ширины элементов)
#box {
position:relative;
width:200px;
height:250px;
overflow:auto;
}
#box #toTop {
position:absolute;
display:none;
left:150px;
top:10px;
}
JQuery
$('#box').bind('scroll', function(e) {
if ($(this).scrollTop() > 100) {
$('#toTop').fadeIn();
$('#toTop').css({'top' : $(this).scrollTop() + 100});
} else {
$('#toTop').fadeOut();
}
});
$(document).on('click', '#toTop', function(e) {
e.preventDefault();
//$('#box').scrollTop(0); //just go to top
$('#box').animate({scrollTop : 0},'slow'); //animate
});
Довольно легко с:
document.querySelector("iframe").contentWindow.scrollTo(0,0);
Теперь поставить кнопку на странице и вызвать что по щелчку. О, и опустите height:100% на ваше тело iframe, таким образом вы избавитесь от второй полосы прокрутки.
Вы можете попробовать это, просто вставив строку выше и выполнив ее в консоли своего браузера на своей веб-странице.
Какая ссылка вы говорите? Можете ли вы уточнить (добавить код/скрипку)? – soyuka
если вы можете открыть ссылку, которую я дал, есть ссылка, называемая «создать настроенное меню». Теперь, если вы нажмете на это, появится всплывающее окно, которое является теневым ящиком. Внутри ящика с тенью есть список продуктов, которые нужно выбрать. Теперь его длинный список. Поэтому в конце этого списка я хочу вернуться к началу. – Janmejay
Вы можете легко сделать это на обычной странице с помощью javascipt. Но я хочу эту функцию в тени. – Janmejay