简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Backend Development > PHP Tutorial > body text

javascript - How to bring the content of the iframe back to the top outside the iframe

WBOY
Release： 2023-03-03 10:12:02
Original
2197 people have browsed it

javascript - How to bring the content of the iframe back to the top outside the iframe

As shown in the picture, how to click the go top button outside the iframe to make the content in ​​the iframe return to the top. I tried several times but it doesn’t work. Is there anyone who has done it?
The premise is that the iframe page cannot be modified.

Reply content:

javascript - How to bring the content of the iframe back to the top outside the iframe

As shown in the picture, how to click the go top button outside the iframe to make the content

in ​​the iframe return to the top. I tried several times but it doesn’t work. Is there anyone who has done it? The premise is that the iframe page cannot be modified.

If it is not cross-domain, it can be as follows

<code>var iframeElement; // 自己选择iframe
iframeElement.contentWindow.scrollTo(0, 0);</code>
Copy after login

I have no solution for cross-domain issues

DEMO

Register the slide to top method in the document of the iframe. When the external page triggers a click event, it first finds the iframe and then calls this method

Did you do it on the local page? That doesn’t work, try setting up a server

Related labels：
html javascript jquery php
source：php.cn
Previous article：Docker nginx multiple domain name configuration issues Next article：javascript - The mobile phone can use tel:// to dial with one click. Under Windows, is there any js that calls the api of a certain Internet phone (such as skype) to achieve one-click dialing?
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
PX automatic conversion to REM error  <style>html {   font-size: calc(100vw / 3.75);      }...
From 2024-04-16 09:34:16
0
0
4687
The page suddenly cannot pull css or bootstrap So I'm developing a page, I did part of it yesterday and it worked great, and today I cont...
From 2024-04-06 21:58:04
0
1
800
How to solve the mysterious white space at the bottom of the page in CSS I'm trying to build a simple webpage using Bootstrap and D3, but I don't know how to get r...
From 2024-04-06 20:22:15
0
1
454
How to use laravel components with livewire lazy placeholder I want to add the skeleton of my laravel component inside a livewire3 placeholder What I h...
From 2024-04-06 20:02:10
0
2
543
Top-level method to replace a string with HTML code (generated from an array) Given a string like this...$htmlPattern="Usernameis:#name#andusercompanyis#company#&q...
From 2024-04-06 17:40:41
0
2
410
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！