jquery 計算頁面滾動到某個元素的速度

2021-08-11 06:20:40 字數 563 閱讀 4901

在網頁中,有些元素不是在第一屏顯示,那麼我們需要滾動才能看到對應的元素。這裡就根據此來動態計算滾動到某個元素所有的速度,以此來分析使用者是否「認真」閱讀網頁上的內容。

計算思路是:滾動距離+螢幕高度》元素距頂部的距離 然後在用 (滾動距離/滾動時間)*1000

在這裡滾動距離和高度以及元素距頂部高度比較容易獲取 ,其中的滾動時間一般是從開始滾動到以及頁面顯示出目標元素位置的時間差 但是這裡會出現一種使用者在瀏覽網頁的時候回看(向上滾動)這一點就會對計算速度造成比較大的誤差。所以這裡我們再計算的時候還得計算出所有向上滾動過的時間

**如下:

function initscrollspeed(selector, fn) );

return;

}$(window).scroll(function() else

if(before > scrolltop)

}targetdom.

data("before", scrolltop);

if(scrolltop > top) );

}});

}

jQuery滾動到頁面指定位置

在前端的頁面開發中,經常會碰到頁面跳轉問題,這個跳轉指的是頁面內部跳轉到指定位置,通常是在有滾動條的情況下,網上介紹的方法很多,本文主要是介紹jquery函式中的乙個小trick,focus 函式。先來看一下jquery的官方文件 上面的文件扯了一堆,半點沒看到頁面跳轉的影子,但是在實際應用中你會發...

jQuery如何快速滾動到頁面頂部?

在 頁面中,有些長的網頁使用者翻到底部的時候怎麼可以快速返回,方法有很多,今天河南seo就簡單介紹其中乙個。滾動頁面中如何使用jquery快速滾動到頁面頂部?下面本篇文章就來給大家介紹一下使用jquery快速滾動到頁面頂部的方法,希望對大家有所幫助。在jquery中可以使用scrollto 方法快速...

頁面滾動到頂部的方法

前面用了乙個方法來讓頁面滾動到頂部,window.scrollto window.scrolltp 這個方法在chrome高版本瀏覽器是沒有問題的,但是對於低版本的瀏覽器來說是有問題的,低版本瀏覽器,比如說chrome49,用法就是 window.scrollto 0,0 所以換成了其他方法 方法一...