Пожалуйста:

http://start-in-game.ru/


Когда Opacity = 0 , то dysplay:none появляется.
Но уменьшение opacity не имеет тормозов.

window.addEventListener('DOMContentLoaded', function() {
	var elem = document.querySelector('.opacTop'),
		body = document.body,
		html = document.documentElement;
		isVisible = true,
        maxHeight = 200;
 
	window.addEventListener('scroll', function() {
		var scrollHeight = (html.scrollHeight || body.scrollHeight) - this.innerHeight,
			scrollTop = html.scrollTop || body.scrollTop || 0,
			value = 1 - 1 / Math.min(scrollHeight, maxHeight) * Math.min(scrollTop, maxHeight);
		elem.style.opacity = value;
		if(isVisible != !!value) {
			elem.style.display = isVisible ? 'none' : '';
			isVisible = !isVisible;
		}
	});
});

Вот так точно работать будет. :)

Ruslan_xDD,
мысли вслух:
расчитывать что value будет 1 или 0 опасная практика...

Отлично, все работает:victory: Я тебя поздравляю, ты первый кто написал такой скрипт для html сайтов. В гугле до этого я такого не находил.

IE тоже кстати читает этот скрипт.

Спасибо тебе :yes:

рони, тут всё чётко просчитано. :) Другим значение, по сути, не может быть.