滑塊的Paralax滾動不平滑

我有我的視差幻燈片腳本的問題。這不是滾動平滑，它的搖動很奇怪。事情是，我找不到適當的腳本元素（如滑塊等），其中大多數只適用於單個圖像。還有就是我的腳本：滑塊的Paralax滾動不平滑

<script type="text/javascript"> 
var ypos,image; 
function parallex() { 
    ypos = window.pageYOffset; 
    image = document.getElementById('slider'); 
    image.style.top = ypos * .8 +'px'; 
} 
window.addEventListener('scroll',parallex);

鏈接到該網站：http://www.pappu-lighting.com/Slider/Home.html

來源

2017-06-11 Валери К.

這可能是圖形軟件問題。你可以在你的javascript函數中瀏覽數字，使它看起來平滑。 –

您可以將緩動功能應用於過渡，使其感覺「更平滑」。沒有必要爲此使用jQuery，但我鏈接到他們的文檔，因爲它們提供了[easings]（https://api.jqueryui.com/easings/）和[animation]（https：// api）的良好描述.jquery.com /動畫/）。其他JS庫也具有類似的功能。 –

我對javascript/jquery一點都不好。你能告訴我如何添加這個緩動功能嗎？ –

$(window).scroll(function(){ 
    if($(document).scrollTop() > 600 && $(document).scrollTop() < 2500){ 
     var temp = 100 - ($(document).scrollTop() - 1200)/8; 
     var bonus = '50% ' + temp*-1 + '%'; 
     document.getElementById('div').style.backgroundPosition = bonus; 
    } 
}

來源

2017-06-11 21:23:55 Saubhagya

我用適當的ID替換了這個錐，但它什麼也沒做。視差效應消失。 –

滑塊的Paralax滾動不平滑

回答

相關問題