1. 程式人生 > >js物件獲取介面滾動相對位置操作

js物件獲取介面滾動相對位置操作

1.使用js獲取介面滾動的相對位置

 var scrollFunc = function (e) {
        var direct = 0;

        e = e || window.event;

        if(e.wheelDelta){

            if(e.wheelDelta > 0){
            //向上滾動
                console.log(document.documentElement.scrollTop);
               //獲取當前相對頂部的位置
            }
             //
向下滾動 if(e.wheelDelta < 0){ } }else if(e.detail){ if(e.detail > 0){ console.log(document.documentElement.scrollTop); } if(e.detail < 0){ } ScrollText(direct); } }; if
(document.addEventListener){ document.addEventListener('DoMMouseScroll',scrollFunc,false); } window.onmousewheel = document.onmousewheel = scrollFunc;

2.js利用window物件滾動全屏至xy至(0,0)位置

//scrollTo() 方法可把內容滾動到指定的座標
window.scrollTo(0, 0);

3.滾動緩慢效果,滾動到指定的座標

此處可利用定時器操作

//每隔1ms執行一次方法flashTop
var nIntervId; function changeTop() { nIntervId = setInterval(flashTop, 1); } //獲取介面windows物件,當檢測到介面上升滑動時,試介面上移 function flashTop() { var s = document.documentElement.scrollTop --; if(s){ var s = document.documentElement.scrollTop --; console.log(s+'flashTest'); }else{ stopTextColor(); } }

相關推薦

js物件獲取介面滾動相對位置操作

1.使用js獲取介面滾動的相對位置 var scrollFunc = function (e) { var direct = 0; e = e || windo

js獲取元素的當前位置

js中獲取當前位置有如下幾種方法: event.offsetX,   (IE屬性,測試都可以使用) event.offsetY,    (IE屬性,測試都可以使用) event.clientX,  event.clienY, event.scrennX, event.sc

JS-設定/獲取滑鼠游標所在位置獲取滑鼠點選位置

滑鼠游標所在位置 // 設定滑鼠游標所在位置. function setCaretPosition(elem, pos){//設定游標位置函式 if(elem.setSelectionRange) { elem.focus(); elem.setS

js獲取滾動位置

獲取座標: IE  (event.x  event.y)  獲取滾動條位置:      document.body.scrollTop (滾動條離頁面最上方的距離)      document.body.scrollLeft   (滾動條離頁面最左方的距離) 當我用js獲

JS 獲取DIV中滑鼠相對位置座標

<HEAD> <TITLE> JS獲取DIV相對座標</TITLE> <mce:script type="text/javascript"><!-- function getX(obj){ var parO

document.documentElement.scrollTop(獲取滾動位置)

而不是 cli 使用 位置 w3c scrolltop 標簽 如果 htm 要獲取當前頁面的滾動條縱坐標位置,用:document.documentElement.scrollTop;而不是:document.body.scrollTop;documentElement 對

html js點擊按鈕滾動跳轉定位到頁面指定位置(DIV)的方法代碼

實現 定向 觸發 提交按鈕 a標簽 原理 標簽 baidu 就是 一:通過html錨點實現滾動定位到頁面指定位置(DIV): 如果我們要點擊實現跳轉的地方是一個html錨點,也就是點擊一個A標簽超鏈接實現跳轉,可以把A標簽的href屬性直接指向跳轉指定位置的div,代

[WPF]獲取控件間的相對位置

bsp 其它 使用 arc AS logs blog point strong 原文:[WPF]獲取控件間的相對位置 [WPF]獲取控件間的相對位置 周銀輝 我們知道WPF有

js物件屬性操作

當你知道屬性的名稱的時候,使用點操作符。 這是一個使用點操作符讀取物件屬性的例子: var myObj = { prop1: "val1", prop2: "val2" }; var prop1val = myObj.prop1; // val1 var prop2val = myObj.p

原生js window.scrollTo平滑滾動到頁面的某個位置

window.scrollTo() 語法1:   window.scrollTo(x-coord,y-coord) x-coord 是文件中的橫軸座標。 y-coord 是文件中的縱軸座標。 例子:   window.scrollTo

js 物件操作方法

1..Object.assign()  Object.assign() 方法用於將所有可列舉屬性的值從一個或多個源物件複製到目標物件。它將返回目標物件。 const object1 = {   a: 1,   b: 2,   c: 3 };

js-獲取DOM尺寸、位置

獲取DOM尺寸、位置 檢視滾動條的滾動位置 window.pageXOffset / window.pageYOffset(IE8及其以下版本不支援) document.body/documentElement.scrollLeft/scrollTop 相容性比較混亂,使用時通常

Struts2 通過ActionContext物件獲取WEB資源之解耦方式的XxxAware介面方法

這個方法相比較ActionContext而言,如果一個Action類中的多個方法都涉及到了取值設定值得情況,最好用XxxAware介面方法 下面是一個例子 package cn.com.action; import java.util.Map; import org.apache.str

js 控制滾動位置

JS控制滾動條的位置: window.scrollTo(x,y); 豎向滾動條置頂(window.scrollTo(0,0); 豎向滾動條置底 window.scrollTo(0,document.body.scrollHeight) JS控制TextArea滾動條自動滾動到最下部

js 物件操作

js裡物件的深拷貝  let arr = ['8','7','6']; let arrObj = JSON.parse(JSON.stringify(arr)); arrObj[0] = '9'; console.log(arr); // ['8','7','6'] con

獲取滾動位置(相容)

相容性獲取滾動條位置 //滾動條位置 function GetPageScroll()  {  var x, y; if(window.pageYOffset)  {    // all ex

JS 之Document物件 獲取byId byName byTagName

JS 物件模型Document 的標籤節點獲取 byId byName byTagname 一、關於Document 《一》、DOM 全稱是Document Object Model 文件物件模型 <1>、Document 物件的理

jQuery js指令碼控制頁面滾動到指定dom位置

歡迎來到Altaba的部落格  2017年11月2日 近期在優化一個互動體驗,當早頂端點選按鈕多下列表某項資料(列表很長,出現滾動條)進行操作,操作完頁面自動滾動到剛剛操作項位置,運用jQuery完美實現 下面是demo原始碼,歡迎有需要的人蔘考使用 <!DOCTY

DOM實現獲取img標籤src屬性的絕對位置相對位置

獲取相對路徑 顯示圖片的相對當前的文件所處的位置。 document.getElementById(obj).getAttribute('src')   獲取絕對路徑 顯示是圖片的完整路徑,即在伺服器的哪個資料夾下和檔案命名。 document.getEl