• Login
    • Search
    • Categories
    • Recent
    • Tags
    • Users
    • Groups
    • Rules
    • Help

    Do more on the web, with a fast and secure browser!

    Download Opera browser with:

    • built-in ad blocker
    • battery saver
    • free VPN
    Download Opera

    [Suggestion]A Way to Return to Same Page Position on Sidebar Messengers

    AI tools: Sidebar, Prompts, AI tooltip
    4
    4
    2571
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • uniechen
      uniechen last edited by leocg

      Sidebar applications are actually available in many browsers, but they are all just as common. I like that you can learn the advantages of Yandex browser. He is the only different browser I have seen. His sidebar application can switch to the page of the app, which is not simply changing the phone window, but the experience is as good as the mobile app. For example, the web side of instagram is actually very bad, because if you click on a user's home page while browsing pictures, you are trying to return to the previous page. It will jump directly to the top of the page, which causes you to keep sliding down to browse, but Yandex browser solves this problem, their sidebar application is no different from the app, this experience is really great, I think you can try to learn this feature, their browser is very good and can directly save the pictures you see on the web page, but I like you better, because opera is really beautiful.πŸ‘

      图像_2023-05-08_140734463.png

      Reply Quote 0
        kopollo 1 Reply Last reply
      • kopollo
        kopollo Banned @uniechen last edited by

        @uniechen what is your phone model and system ?

        Reply Quote 0
          leocg 1 Reply Last reply
        • leocg
          leocg Moderator Volunteer @kopollo last edited by

          @kopollo We are talking about Opera for desktops here.

          Reply Quote 0
            1 Reply Last reply
          • davidoliver-1
            davidoliver-1 last edited by

            If you have a sidebar messenger on your website and you want to allow users to return to the same page position after closing the messenger, you can use JavaScript to store the current scroll position and then restore it when the messenger is reopened. Here are the steps:

            Add an event listener to the "close" button of your sidebar messenger to detect when it is closed.

            Use JavaScript to store the current scroll position when the "close" button is clicked. You can do this by setting a variable to the current scroll position using the window.pageYOffset property.

            javascript
            Copy code
            var scrollPosition = window.pageYOffset;
            Use JavaScript to store the scroll position in a cookie or local storage. For example, you can use the localStorage.setItem() method to store the scroll position.
            javascript
            Copy code
            localStorage.setItem('scrollPosition', scrollPosition);
            Add an event listener to the "open" button of your sidebar messenger to detect when it is reopened.

            Use JavaScript to retrieve the stored scroll position from the cookie or local storage.

            javascript
            Copy code
            var scrollPosition = localStorage.getItem('scrollPosition');
            Use JavaScript to set the scroll position to the stored value. You can do this by setting the window.pageYOffset property to the stored value.
            javascript
            Copy code
            window.pageYOffset = scrollPosition;
            By using these steps, users will be able to return to the same page position after closing and reopening the sidebar messenger on your website.

            Reply Quote 0
              1 Reply Last reply
            • Locked by  leocg leocg 
            • First post
              Last post

            Computer browsers

            • Opera for Windows
            • Opera for Mac
            • Opera for Linux
            • Opera beta version
            • Opera USB

            Mobile browsers

            • Opera for Android
            • Opera Mini
            • Opera Touch
            • Opera for basic phones

            • Add-ons
            • Opera account
            • Wallpapers
            • Opera Ads

            • Help & support
            • Opera blogs
            • Opera forums
            • Dev.Opera

            • Security
            • Privacy
            • Cookies Policy
            • EULA
            • Terms of Service

            • About Opera
            • Press info
            • Jobs
            • Investors
            • Become a partner
            • Contact us

            Follow Opera

            • Opera - Facebook
            • Opera - Twitter
            • Opera - YouTube
            • Opera - LinkedIn
            • Opera - Instagram

            © Opera Software 1995-