Is there a code for automatic scrolling on the page?
It looks like an automatic scroll button on this page:
https://tabs.ultimate-guitar.com/tab/shania_twain/youre_still_the_one_chords_1345
And the user can determine the speed of the scroll
If you have an option to use javascript you may use this,
https://codepen.io/michaelvinci/pen/qKVBLG?page=1&
Related
I need to prevent browser from snapping to previous scroll position when the user pushed a back button like this:
<a href="javascript:history.go(-1)"
onClick="javascript:history.go(-1)" title="< GO BACK"></a>
after pushing that button the browser will return to the previous scroll position on this page
i want to stop that behavior and just load the top of the page.
Hope someone know a proper solution.
-exemple-
open a page scroll down go to a new page and hit the back button the page will auto scroll down to the place you scrolled before!
I'm fairly certain the behavior you're describing is is best classified as one of those things considered to be a user preference. (One of those things that you're not meant to tamper with)
#mrtsherman came up with a hack/workaround for this, but unless it's seriously breaking your webapp's usability, I think you should let the browser behave as the user would normally expect it to behave (and scroll to the position they were in when they left the page). Be sure to upvote mrtsherman for his sweet nugget of js if you use it.
I have the same problem and I haven't find yet the correct solution,
but I can give you a very good workaround for this problem.
Just scroll to the top before load the next page.
When the user click back, the browser will scroll to the top.
Example:
First Page:Next
Second Page:Back
Note that href="page1.htm" loads only if user select open in new window/tab
Excuse my English. I hope this helps.
I found a better solution!
Put the following code on every page:
<script>
setTimeout('window.scrollTo(0, 0);', 1);
</script>
Problem we are trying to solve is: The vertical scroll bar is intentionally disabled in HTML code (by others), but users with larger Monitor screens are setting display to be larger than 100% in Windows causes clickable elements to be outside the the display of the webbrowser control when those pages are opened.
We need a way to reactivate the scroll bars when this occurs.
We have no control or authorship over the web page being opened.
Even though we have scroll bars enabled for the webbrowser control, the only thing we have seen so far that might explain why there is no vertical scrollbars displayed is the Body line at the top of each page. that says:
<body id="BuildingSelect.asp" topmargin="0" scroll="no">
My question is:
Is there a way to tell the MS webbrowser control to ignore the 'no scroll bars' command coming from the web page itself?
You can do it using javascript. Try adding the following code before the closure of the body.
<script>document.body.removeAttribute("scroll");</script>
Source: http://www.salefee.com/
There is an issue with the scroll bar on http://www.salefee.com/. I have tried to increase its width using inspect element option in chrome. But I am not able to find the same code in index.html(The code for scroll bar which is showing in inspect element option is not there in html file). I have tried to add scroll bar functionality by adding codes for it in html file but the changes are not reflecting on the website. Can you please help me with this scroll bar issue. I want to increase the width of scroll bar.
Thanks in advance!!
The scrollbar width is set via .niceScroll() plugin inside your main.js file.
Change the cursorwidth parameter to desired value.
Plugin's documentation on GitHub
$("html").niceScroll({
cursorwidth: "5px"
})
It may be possible that your code is generating on run-time that's why you can't see in your code. can you paste your code here ?
I have a website using enjin.com website builder, and I have a page where you can go to play my game that is a .swf, but its html form, and the game requires mouse scrolling for some features and when I test it, the page also moves up and down, how can I disable mouse scrolling only on that specific page? I want the scroll bar on right of screen to still function as it does regularly though, so users can scroll if they really need to.
You can use this css property:
pointer-events:none
For more detail: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
I don't know if this is a browser issue but I am using Google Chrome. Now lets say I append a couple of table rows and suddenly a scroll bar appears for the table (I stated that after 500px, display a scroll bar in my css). Now if I try to use the scroll bar, it wouldn't move, I realize that if I change the zoom for the browser's web page, then use the scroll bar, then it scrolls.
Now everytime I append a row, I need to change the zoom and then change it back for then for me to able able to use the scroll bar.
Is this just a glitch from the browser or is it something I have done wrong?
In firefox it seems like the scroll bar works fine without any problems after appending a row.
The basic css for scroll table is below:
#details{
height:500px;
overflow:auto;
}
Thanks
Try to change overflow to scroll. Good way to test if something could potentially be wrong with your append.