So yesterday I got bored so I decided to make a fixed DIV using Java Script, CSS, and HTML. As some of you know the 3DS doesn't support the CSS property position:fixed but the DSi does. There are tons of ways to achieve this effect on the 3DS if you don't want to use Java Script but for some that's not an option. So lets dive into this.

Alternative 1

Java Script:

function scroll(){
var e = document.getElementById("fixed";
document.onscroll = function(){
e.style.top = document.body.scrollTop + 32 + "px";
e.style.left = document.body.scrollLeft + 32 + "px";
}
}

setInterval(scroll(), 1);

Demo:http://waynebowie.x10.mx/js/3DS

It's a fairly simple code which isn't a complete fix but to just show that it's possible. The only problem with using Java Script is that this will be running 24/7 so it can hurt performance if you have other Java Script things on the page with it.

If you're a person who doesn't want to risk performance on your site then you can try using this.

Alternative 2

HTML:

<div id="fixed">This is Fixed</div>
<br />
<div id="content"></div>

CSS:

#fixed{
width:320px;
height:25px;
overflow:hidden;
}

#content{
width:320px;
height:215px;
overflow-y:auto;
}

This method will have the content scrollable about then have a fixed div above it that never moves. This method is only good in some cases where you already have something like this already.

Note: These alternatives aren't perfect and do not work as good as position:fixed

Hopefully this helps out some people who wanted to have a fixed DIV on the 3DS but didn't know how to.