Помогите с яваскриптом

Ну узнавай

<div class="call_back"><a href="#">Ваш номер телефона</a>

style.css
--------------текст файла таков--------------

.call_back{

position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:999;
right: 0px; /*отступ с права*/
top: 35%; /*отступ сверху*/
margin-right:-50px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
}

/*Стили для ссылки*/
.call_back a{
color:#fff!important; /*цвет ссылки*/
display:block;
background:#DC3522; /*цвет фона кнопки*/
font-size:1.2em; /*размер шрифта*/
text-align:center; /*выравнивание по центру*/
padding:10px 20px; /*внутренние отступы*/
font-weight:bold;/*жирный шрифт*/
border-radius:5px; /*радиус скругления углов*/
border:1px solid #fff; /*рамка вокруг кнопки*/
}

Вот что получилось!

Вот накидал ,суть в том что если кнопка находиться в зоне видимости у нее одни стили, а если нет то соответственно другие Ну вроде все закомментил.


<style>

body {
height: 6000px;
}


.vidno{
/*стили для неподвижной кнопки */
width:300px;
height:30px;
}


.ne_vidno{
/* Это стили для той же кнопки но только когда она будт плавать */
position:fixed;
z-index:999;
width:300px;
height:30px;
bottom: 20px;

}
</style>

<div id="target" >
<input type="button" id="button" value="Кнопка" class="vidno" >
</div>


<script>

// Получаем нужный элемент
var element = document.getElementById('target');
var Visible = function (target) {
// позиции элемента
var targetPosition = {
top: window.pageYOffset + target.getBoundingClientRect().top,
bottom: window.pageYOffset + target.getBoundingClientRect().bottom
},
// Получаем позиции окна
windowPosition = {
top: window.pageYOffset,
bottom: window.pageYOffset + document.documentElement.clientHeight
};

if (targetPosition.bottom > windowPosition.top && // Если позиция нижней части элемента больше позиции верхней чайти окна, то элемент виден сверху
targetPosition.top < windowPosition.bottom ) { // Если позиция левой стороны элемента меньше позиции правой чайти окна, то элемент виден справа
// Если элемент полностью видно, то запускаем следующий код
document.getElementById('button').className = 'vidno';
} else {
// Если элемент не видно, то запускаем этот код
document.getElementById('button').className = 'ne_vidno';
};
};

// Запускаем функцию при прокрутке страницы
window.addEventListener('scroll', function() {
Visible (element);
});

// А также запустим функцию сразу. А то вдруг, элемент изначально видно
Visible (element);

</script>

Ну вместо кнопки можешь кто хочешь прикрутить главное чтоб class'ы и id такие жебыли

Вот норм
<style>

body {
height: 6000px;
}


.vidno{
/*стили для неподвижной кнопки */
width:300px;
height:30px;
}


.ne_vidno{
/* Это стили для той же кнопки но только когда она будт плавать */
position:fixed;
z-index:999;
width:300px;
height:30px;
bottom: 20px;
}

#phone a{
color:#fff!important;
display:block;
background:#DC3522;
font-size:1.2em;
text-align:center;
padding:10px 20px;
font-weight:bold;
border-radius:5px;
border:10px solid #fff;


}
</style>

<div id="target" >
<div id="phone" class="vidno" ><a href="#">Ваш номер телефона</a></div>
</div>


<script>

// Получаем нужный элемент
var element = document.getElementById('target');
var Visible = function (target) {
// позиции элемента
var targetPosition = {
top: window.pageYOffset + target.getBoundingClientRect().top,
bottom: window.pageYOffset + target.getBoundingClientRect().bottom
},
// Получаем позиции окна
windowPosition = {
top: window.pageYOffset,
bottom: window.pageYOffset + document.documentElement.clientHeight
};

if (targetPosition.bottom > windowPosition.top && // Если позиция нижней части элемента больше позиции верхней чайти окна, то элемент виден сверху
targetPosition.top < windowPosition.bottom ) { // Если позиция левой стороны элемента меньше позиции правой чайти окна, то элемент виден справа
// Если элемент полностью видно, то запускаем следующий код
document.getElementById('phone').className = 'vidno';
} else {
// Если элемент не видно, то запускаем этот код
document.getElementById('phone').className = 'ne_vidno';
};
};

// Запускаем функцию при прокрутке страницы
window.addEventListener('scroll', function() {
Visible (element);
});

// А также запустим функцию сразу. А то вдруг, элемент изначально видно
Visible (element);

</script>