T ; invisible scroll bar
random freebies.i mentioned this in other tutorials before, and i admit that it is hard to explain and understand. it's hard, but here i am. ;;. and i haven't been making tutorials for a long time, so bear with me. o u o;;
first, you'd want to type in a [div]. an opening and ending [div].
next, inside the first [div], type in another [div].
type in the style attribute next to the two [div], don't forget the ' = ' and ' " 's.hoho, omg.
add in the properties you want to add, such as the width, height, background-color and float. you can add color, or just leave it transparent. the overflow property is the main star of this tutorial, so don't forget about it. always make sure that the second [div]'s height or width must be bigger than the first [div]. it's like that so you can hide the scroll bar.
the first [div]'s overflow value should be hidden. the second [div]'s overflow value, on the other hand, should be auto or scroll. they're not that different, but i prefer auto.
after that, you can go and type a long paragraph and drag down to see if it worked.
btw, i hate scrolling to the right. ._.
this was hard to make. for some reason, the 'source' just doesn't have a margin anymore. it hurtz.
first, you'd want to type in a [div]. an opening and ending [div].
next, inside the first [div], type in another [div].
type in the style attribute next to the two [div], don't forget the ' = ' and ' " 's.
add in the properties you want to add, such as the width, height, background-color and float. you can add color, or just leave it transparent. the overflow property is the main star of this tutorial, so don't forget about it. always make sure that the second [div]'s height or width must be bigger than the first [div]. it's like that so you can hide the scroll bar.
the first [div]'s overflow value should be hidden. the second [div]'s overflow value, on the other hand, should be auto or scroll. they're not that different, but i prefer auto.
after that, you can go and type a long paragraph and drag down to see if it worked.
this was hard to make. for some reason, the 'source' just doesn't have a margin anymore. it hurtz.
so basically you should have:
[div] [/div] [div] [/div].
[div] [div] [/div] [/div] [div] [/div]
[div style=""] [div style=""] [/] [/] [div][/]
[div style="width:300px; height:300px; overflow:hidden;"] [div style="width:315px; height:300px; overflow:scroll/auto (either way, it's just the same)"]
Comments