Elements position in JavaScript

-

 

getBoundingClientRect() is a javascript function that returns the position of the element relative to viewport of window.

const position = selector.getBoundingClientRect();

const result = position.top + window.scrollY;

Comments

Post a Comment

Popular posts from this blog

spread operator use in reactjs

-
We can use spread operator to add two array const result = [...arr1, ...arr2]; We can copy/clone one array/object to other variable const arr3 = [...arr1]; const obj1 = {...obj1}; Extend array value const arr4 = [ 1, 3 , ...arr1]; function myFunction(...theArgs) {  //   } in react we can pass all props using sprad property &lgt
Read more

Break loop once condition match JavaScript

-
const arr = [1,2,3];  Iterations loops: for  every()  some() We can use: for(let item of arr){   console.log(item);  if(item == 2){      break;   }  } Or for (var i = 0; i < arr.length; i++) {   console.log(arr[i]);   if (arr[i] === 2) {        break;   }  } Or arr.every((elm) => {   console.log(elem);   if (elm === 2) {        return true;  }  return false; }); Or  arr.every((elm) => {   console.log(elem);   if (elm === 2) {        return false;  }  return true;  });
Read more