Scroll bar formatting in HTML/CSS - html

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 ?

Related

how to automatically scroll down in my page?

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&

How do we ignore <body scroll="no"> in MS webbrowser control

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>

twitter bootstrap navbar isn't exandable

I copy / pasted the example from http://getbootstrap.com/components/#navbar into this URL:
http://www.frostjedi.com/terra/scripts/demo/bootstrap-nav.html
...and it's not working as I'd expect.
So if you shrink the browser width past a certain point the horizontal menu gets replaced with a button that, if clicked on, shows a vertical menu. At least that's my understanding of how it's supposed to work. But in the above example that is not how it works. The button appears but nothing happens when I click on it.
Any ideas?
Have a look to the browser console (i.e. Firebug): you'll find there an exception
Error: Bootstrap's JavaScript requires jQuery

In google chrome, scroll bar won't work till I change zoom on page

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.

Php Page not complete select list. it gets truncated at the top of screen

As you can see that there is values in the select dropdown but it is not showing and even scroll is not visible.
What do i do to see scroll bar?
i tired adding
style="overflow-y:scroll;"
but it didn't help.
I am using this online page on touch monitor without keyboard and mouse hence not getting scrollbar creates a problem.
Kindly help..