For those you that don't know, our high school is involved with the FIRST National Robotics Competition. The competition was very professional-looking. Most of the robots were supported by large sponsors, and were built in the most professional manner. Some of the robots looked as if they were never touched by a student's hand. Still, our robot ended up being pretty sweet, but it didn't exactly do what we wanted it to do. Despite a few minor complications, we were able to play some great defense. Other than that, though, we were kind of bad. We were unable to score effectively. What I Learned: The simple machine wins. The machine with the most simple design was in 1st place. Who would've thunk it?
This post talks about two different HTML/JavaScript effects: How to keep a page footer stuck at the bottom of the browser window. How to create a scrolling <div> without using a scroll bar OK. So... you have a website. You want a header stuck at the top of your page and the footer stuck at the bottom of your page. The stuff in the middle, you want to be able to scrollable. But, you don't want those ugly scrollbars to the right of your scrollable text. Maybe, instead, you'll have up arrows and down arrows above and below your <div>. When you mouseover the arrows, the text in the <div> will move up or down and create a scrolling effect. Suppose your page looks like this... <html> <head> <title>Test</title> </head> <body> <div style="position: relative; width: 700px; margin-left: auto; margin-right: auto;"> <div id="header">Header</div> <div id="scrollUp...
Comments