Подскажите, пожалуйста. Как реализовать, чтобы событие срабатывало при наведении не на сам блок, а на произвольном расстоянии от него, например, 300px, либо любое другое указанное значение
|
Код:
|
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>title</title>
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="back-top"></div>
</body>
</html> |
|
Код:
|
*{
margin: 0;
padding: 0;
}
#back-top{
position: fixed; top: 0; left: 0;
display: block;
width: 82px;
background: #FF7055;
opacity: 0.5;
cursor: pointer;
} |
$(document).ready(function (){
var backtop_h = $(window).height();
// var backtop_w = $('#back-top').width() + 400;
$('#back-top').css({"height": backtop_h});
$("#back-top").on("mouseenter", function(){
console.log("mouseenter");
});
});