html浮动到页面,javascript-HTML页面中的div浮动

有一个div,

我通过javascript编辑一些内容,例如

document.getElementById('show').innerHTML = el.innerHTML;

document.getElementById('show').title = el.innerHTML;

此div也显示在鼠标悬停处.

用户滚动页面的方式div应该出现在底部的视图中,这是如何实现的.

编辑

您还能告诉我这是怎么回事.

var ele=document.getElementById('show');

document.getElementById('show').innerHTML = el.innerHTML;

ele.width='200px';

ele.height='30px';

ele.bgcolor='#a9a9a9';

ele.color='#fff';

ele.position='absolute';

ele.display='block';

$(window).mouseover(function(event) {

$("#show").css({'top': event.pageY, 'left': event.pageX});

$('#show').height();

});

div没有显示,它在函数内部,并在鼠标悬停时调用

解决方法:

如果可以避免IE6,则可以使用position：fixed属性.

I am at the bottom of the page

附加到鼠标指针的Editdiv

#div1 { width: 200px; height: 30px; background-color: #a9a9a9; color: #fff; position: absolute; }

$(function(){

$(window).mousemove(function(event){

$("#div1").css({'top': event.pageY, 'left': event.pageX});

});

});

move me

标签：css,html,javascript

来源： https://codeday.me/bug/20191210/2100629.html