Help scrolls are killing me

[norway]

my scroll bar wont scroll all the way down anymore and the bottom bar wont go away SOS someone help me, please, its 3 am and i just want to delete the whole thing now < / 3 i just want the scroll bars gone but capable of revealing the entire box : (

♡

quote here or something

Lucele "lucy" Calire
180 | mono | asari​

appearance​

this will be where the appearance is

personality​

Personality:

(You're characters personality, quirks, and tendencies should go here.)







Likes:

Dislikes:

Extra:

(Is he/she a good pilot? Has no tolerance for alcohol? Random things about your character or anything that doesn't fit with the categories above)

biography​

(A paragraph of two regarding your character's background and history, and how why he was recuited for Shadow Squad)

attributes​

Attributes:

excluding bonuses

6 STR
8 VIT
6 DEX
8 AGI
11 MEN
11 INT

with bonuses

4 STR
6 VIT
6 DEX
12 AGI
11 MEN
14 INT

equip & talents​

Sidewinder Pistol
Hornet SMG
Huntress Blade
Medium Armor - 1 (+1 VIT)

Talent Allocation:
Biotics - (Invested INT)
(Biotic Talents/Skills)

Technology - (Invested INT)
(Technological Talents/Skills)

Science - (Invested INT)
(Scientific Talents/Skills)

 

[Fable]

It scrolls all the way down for me without any issue. The problem is, your inner div is way too wide, so, if you hide the overflow-x scrollbar, it cuts off the content of the text scrollbox. Are you trying to do entirely hidden scrollbars? If so you need to re-do the divs for the content with something like this

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae leo nunc. Quisque quis nunc iaculis, fringilla libero et, tristique ligula. Donec ullamcorper vulputate felis, in posuere ipsum. Praesent dapibus et leo at iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi eget dolor vitae tellus pulvinar condimentum. Cras in iaculis erat. In non blandit nisi. Aliquam lobortis neque et ante dictum, ac venenatis ipsum dictum. Nulla accumsan ullamcorper lectus ut viverra. Aliquam efficitur convallis elit sed euismod. Aenean ac luctus quam, sed finibus purus. Vivamus posuere est ex, eget efficitur tellus venenatis ac. Mauris commodo arcu finibus enim malesuada fermentum.

Integer placerat dignissim nisl, id eleifend lorem. Nulla pretium congue maximus. Phasellus congue feugiat libero id pulvinar. Nunc ultricies semper commodo. Vivamus a leo mollis, accumsan libero vel, eleifend dui. Cras posuere lacinia neque ut efficitur. Donec eget consectetur lectus, sit amet volutpat urna. Nunc arcu ex, dignissim nec posuere cursus, aliquam ut est. Vivamus nec tempus ex. Morbi ultricies ligula eu nunc dignissim dapibus aliquam eu libero. Maecenas at velit ac justo ornare gravida. Ut neque turpis, vehicula vitae augue id, molestie iaculis dolor. Vestibulum posuere diam sed interdum tincidunt. Donec rhoncus, tellus laoreet mattis facilisis, est justo mollis felis, non tempus lorem tortor sodales velit. Aliquam placerat urna non rhoncus molestie. Pellentesque at urna et erat porttitor egestas.

[ div=width:500px;margin:auto; ][ div=width:100%;height:300px;padding:5px;background-color:#ccc;color:#000;overflow:hidden; ][ div=width:100%;height:300px;padding-right:25px;overflow:auto;text-align:justify; ]Scroll Content[/div][/div][/div]

Purple text: Wrapper Div (basically the parent div of the whole thing)
Green Div: Overflow: hidden div used to hide the scrollbar
Orange Div: Overflow: auto div to allow for scrollable content, padding-right pushes the scrollbar outside of the green div and therefore the scrollbar is hidden.

Spoiler: CODE

[div=width:500px;margin:auto;][div=width:100%;height:300px;padding:5px;background-color:#ccc;color:#000;overflow:hidden;][div=width:100%;height:300px;padding-right:25px;overflow:auto;text-align:justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae leo nunc. Quisque quis nunc iaculis, fringilla libero et, tristique ligula. Donec ullamcorper vulputate felis, in posuere ipsum. Praesent dapibus et leo at iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi eget dolor vitae tellus pulvinar condimentum. Cras in iaculis erat. In non blandit nisi. Aliquam lobortis neque et ante dictum, ac venenatis ipsum dictum. Nulla accumsan ullamcorper lectus ut viverra. Aliquam efficitur convallis elit sed euismod. Aenean ac luctus quam, sed finibus purus. Vivamus posuere est ex, eget efficitur tellus venenatis ac. Mauris commodo arcu finibus enim malesuada fermentum.

Integer placerat dignissim nisl, id eleifend lorem. Nulla pretium congue maximus. Phasellus congue feugiat libero id pulvinar. Nunc ultricies semper commodo. Vivamus a leo mollis, accumsan libero vel, eleifend dui. Cras posuere lacinia neque ut efficitur. Donec eget consectetur lectus, sit amet volutpat urna. Nunc arcu ex, dignissim nec posuere cursus, aliquam ut est. Vivamus nec tempus ex. Morbi ultricies ligula eu nunc dignissim dapibus aliquam eu libero. Maecenas at velit ac justo ornare gravida. Ut neque turpis, vehicula vitae augue id, molestie iaculis dolor. Vestibulum posuere diam sed interdum tincidunt. Donec rhoncus, tellus laoreet mattis facilisis, est justo mollis felis, non tempus lorem tortor sodales velit. Aliquam placerat urna non rhoncus molestie. Pellentesque at urna et erat porttitor egestas.[/div][/div][/div]

 

[norway]

okay... I'll start over and use this, thank you.