В URL после ' есть идентификатор элемента
Код: Выделить всё
#Способ загрузки iframe выглядит следующим образом: пользователь нажимает 2c).Iframe выглядит следующим образом: .
При загрузке он не прокручивается до фрагмент сразу, но как только он загружается и пользователь нажимает еще раз, он прокручивается.
Минимальный пример:
Маршрут, на котором присутствуют элемент и :
Код: Выделить всё
@Route("/foo")
public class MyLayout extends VerticalLayout {
public MyLayout() {
val anch = new Anchor();
anch.setTarget("iframename");
anch.setHref("/goo#h1_id"); // or any other url, in my case it is localhost (same origin, or browsers will show warning/error)
anch.setText("CLICK ME");
val iframe = new IFrame();
iframe.setName("iframename");
iframe.setId("iframename");
iframe.setSizeFull();
add(iframe);
add(anch);
}
}
Код: Выделить всё
@Route("/goo")
public class Hello extends VerticalLayout {
public Hello() {
// long paragraph so it actually takes some height
val text = new Span(" Lorem ipsum dolor sit amet, consectetur adipiscing elit. " +
"Pellentesque molestie ultricies lectus ac rhoncus. Quisque auctor venenatis metus," +
" et tincidunt elit scelerisque in. Donec a magna eget arcu euismod iaculis. Integer " +
"eget finibus turpis, sed faucibus ligula. Aliquam sed sodales ligula. Aliquam erat volutpa" +
"t. In sed aliquam elit. Orci varius natoque penatibus et magnis dis parturient montes, nasc" +
"etur ridiculus mus. Donec tincidunt est aliquet ullamcorper mollis. Integer id sem eu libero " +
"euismod facilisis nec id turpis. Nullam ullamcorper feugiat fringilla. Nullam ultricies volutpat d" +
"ui, eu varius dui condimentum eu. Curabitur in lectus faucibus, pellentesque risus et, semper dui.");
text.addClassName(LumoUtility.FontSize.XXLARGE);
val scrollElement = new Span("Element to scroll to");
scrollElement.setId("h1_id");
add(text, scrollElement);
}
}
Подробнее здесь: https://stackoverflow.com/questions/790 ... first-load
Мобильная версия