I am building a Medium clone. In medium there is a main portion with a sidebar which shows suggested topics and all. When the sidebar reaches it's end it stops scrolling while the main content scrolls infinitely.
How to implement that in react Js?
Related
I sprinkled webpage content inside an Android native app with left and right swiping applied.
Among the elements inside the web page, there is an area that has a partial horizontal scroll with overflow-x:auto property.
However, when you try to scroll the horizontal scrollable area with a touch, the left and right swiping applied to the native app is executed and the page itself is moved.
(To be more precise, it's a situation where you check the contents of the mail in the Android Google Mail app.)
Is there a css property(As it is sent by email) that can prevent the swiping from being executed when trying to scroll the part with the overflow-x:auto property?
On my WordPress website I have a main navigation containing anchor links that scroll to different sections of the home page (e.g)
About Us
However when the main navigation links are clicked from sub pages (e.g. if the navigation links are clicked from a page like the below)
http://thisismysite.com/contact-us
it successfully goes back to the home page and scrolls to the correct anchor, but it then jumps to the top of the page when the page loads completely.
Any ideas what can fix this?
I have an administrative page that after login the content does not start with the margin of the menu making the transaction to stay in the right place, this only occurs when you log in and open the page with the menu the first time, it follows what happens:
I have created a single page site, when menu items are clicked, the page scroll to anchors defined in page. The menus are working fine on large screen (desktop) and when clicked the page scroll to the section, but on small screen (mobile) AMP sidebar menu doesn't close after tapping on a menu item and if you press the close button, then it doesn't go to the section of page that was selected in the menu.
As found at this issue on Github:
amp-sidebar pops the history when it's canceled so the navigation is canceled
it's a known bug with single page anchor navigation, but:
This should be fixed in the next release
the relative fix branch is now (2016-11-30) under review
I don't know why, but when my page loads, i get scrolled in the middle, but i don't have any anchor aiming on this point...
Now i have to put a <a href='MY-URL#top'></a> anchor in every page for not getting scrolled on the middle...(Firefox don't even get them :0, -webkit browsers do...)
I have many anchor aiming on id's, and a JQuery script for smooth scrolling, but no one for the middle scrolling of pages on load.
You can see that here :
http://www.groupae.be/ediser/2.0/nos_produits.php
What would fire that scrolling on load?
If the page is long enough to have scroll and if you set focus on some element (for example for accessibility features), browser scrolls page in such way that focused element is in the middle of the screen (if scrolls allows to do it, if not it will be scrolled as far as possible).
its ok i found why i was getting scrolled, just the autofocus in the footer form... :/