is the distance of the element relative to the left and top edges of the screen,
whether or not this element is detached from the document stream or the page is scrolling,
how can I get it correctly?
there is something wrong with the offsetTop and offsetLeft I use now. It will not work if the page is scrolled
call dom.getBoundingClientRect () to get.
// IE
//
function intval(v) {
v = parseInt(v);
return isNaN(v) ? 0 : v;
}
function getPos(e) {
// left and top value
var left = 0;
var top = 0;
// offsetParent,html/body,.
while (e.offsetParent) {
//
left += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
top += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0);
// body
e = e.offsetParent;
}
left += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
top += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0);
return {
x: left,
y: top
};
}
document.addEventListener('mousemove', function(e) {
// DOM
console.log(getPos(document.querySelector('.footer')))
})such as path.resolve in Node.js or resove object in Webpack configuration Baidu means to resolve, decide, and decompose. every time I see this word, I always feel very awkward. I don t know how to translate it in my head. how do you understand the...
how axios is encapsulated with vuex ...
could you please ask me how to install the specified version of vue-cli scaffolding? ...
excuse me, such as Vue, react, elementUI, their official documents are generated by. Solve ...
for example, in this picture, MainActivity has been blocked, but the resource manager can not move left and right, ah, can only increase the width of the resource manager, isn t it troublesome to do so? ...
recently when using webpack4 to configure maxAsyncRequests, I have tried many times and still don t understand what it means. I thought it would merge when the maximum number of chunk loaded in asynchronism exceeds? The code is as follows: entry: { p...
I hope that Class B cannot be compiled like Class C. Class C compiles an error as follows: Type { name: string; some: string; } is not assignable to type Info . Object literal may only specify known properties, and some does not exist in ty...
< H2 > Preface < H2 > I am a beginner of TypeScript, and I have doubts in the section < this parameters in callback function > in the "functions " chapter of the official manual guide of TypeScript. there is nothing wrong with the logic and running...
import vue from vue The vue after is the name of the package under node_modules, but how do you find from this package and automatically reference it to dist vue.js? is it done by webpack or specified by the esmodule specification? ...
react electron crashes on the white screen, adding < errorboundary > to the component, although it is captured, it can not be located to the specific line, so that the customer can not use it and then restart. What are we going to do about it? The offici...
I set path, in tsconfig.json so that I can easily use the relative path to locate my file: tsc,js,: I would like to ask all the gods, what should I do? Orz ...
topic description coreFn2 ...
has the following text ```` <i>< i><i>< i> that is, odd `is replaced by < I > , and even` is replaced by < I > . how should I replace it with js? ...
data format: [ { "time":"21:03:43", "info":"xxxxx" }, { "time":"22:03:41", "info":"xxxxx" }, { "time":...
I hope to change the date format of 20181130 to the format of 2018-11-30. Is there any fast conversion plan? ...
problem description When ownKeys in proxy is used, the return value for Object.getOwnPropertySymbols () Object.keys () is not the return value of the ownKeys method. the environmental background of the problems and what methods you have tried ts-...
the right-click .ts file does not prompt run .ts, then I installed a plug-in. The ts-node, found in webstorm can run ts files after installing the plug-in. However, when an error is reported, unknown, does not know what to do. Stackoverflow has sear...
my goal is to make the this of the content of the callback function point to undefined, but it is not necessary when the call method is passed into null or undefined. The internal this of the callback function is still a window object. Please give me so...
problem description want Amap s js api to get the latitude and longitude of the four corners of the current visual area the environmental background of the problems and what methods you have tried at present, we have not found this method. We can...
const floor = [ { id: 1, text: , children: [ { id: 2, text: , children: [ { id: 3, text: , children: [ { id: 4, ...