Bond, ну как минимум тебе нужно записать элемент в переменную и вынести за ф-цию:
var bl = $('.bl');
$(window).scroll(function() {
bl.css(...);
});
Иначе ты каждый раз дёргаешь весь документ, парсишь селектор и ищешь по этому селектору нужный элемент.
Вообще такие дела лучше делать на чистом JS, ибо будет быстрее и производительней. Кстати, тут transform тоже лишний, лучше просто менять top/bottom.