Ich möchte einen Rahmeneffekt zeigen, wenn ich nach unten scrolle und den gewünschten Abschnitt erreiche.Und es wird ausgeblendet, wenn ich diesen Abschnitt verlasse. Ist das mit jquery möglich?Wie man ein Element beim Scrollen des Fensters mit jquery zeigt und versteckt
Mit $ (document) .auf ('blättern'), wie folgt aus:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<style>
html,body {
height:101%;
}
#box-1 {
width:200px;
height:200px;
background-color:#333;
}
.border-1 {
border: 10px solid #696969;
}
</style>
<body>
<h1 id="myTarget">This is the desire section</h1>
<p>Lorem ipsum dolor amit. Lorem ipsum dolor amit. Lorem ipsum dolor amit. </p>
<p>Lorem ipsum dolor amit. Lorem ipsum dolor amit. Lorem ipsum dolor amit. </p>
<p>Lorem ipsum dolor amit. Lorem ipsum dolor amit. Lorem ipsum dolor amit. </p>
<p>Lorem ipsum dolor amit. Lorem ipsum dolor amit. Lorem ipsum dolor amit. </p>
<div id="box-1"></div>
<script>
$(document).on('scroll', function() {
var pos = $(this).scrollTop();
if(pos >= $('#myTarget').offset().top){
$("#box-1").addClass("border-1").show();
} else {
$("#box-1").removeClass("border-1").hide();
}
})
</script>
</body>
</html>
Ja, es ist möglich. Sie müssen nur den Code schreiben, um es zu tun. http://api.jquery.com –
Dies könnte helfen: http://stackoverflow.com/questions/17441065/how-to-detect-scroll-position-of-page-using-jquery –