jquery

Just a Web Code Solution

Step 1. Your question relates to:

Step 2. Type a keyword:

plugin scroll navigation jquery

793

Show ResultJQUERY

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://net-raft.com/plugins/jquery/nav_arrow/NavArrow.js " type="text/javascript"></script>

<script>
$(document).ready(function () {

$(".nav_arrow").Nav_Arrow();

$(window).scroll(function () {
$(".nav_arrow").Nav_Arrow();
});

});
</script>

<style>
body {
height: 5000px;
}
div.nav_arrow {
font-size: 1.2em;
position: fixed;
font-weight: bold;
bottom: 20px;
right: 40px;
}
.glyphicon-arrow-down {
font-size: 4.2em;
}
.glyphicon-arrow-up {
font-size: 4.2em;
}
</style>

</head>

<body>

<div class="nav_arrow"></div>

</body>
</html>