Значение прокрутки не работает
<html>
<head>
<title>jQuery 6</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
#a1{
background: aqua;
width:80vw;
height:80vh;
}
#a2{
background: maroon;
width:60vw;
height:60vh;
}
#a3{
background: magenta;
width:40vw;
height:40vh;
}
#a4{
background: green;
width:20vw;
height:20vh;
}
#a5{
background: purple;
width:10vw;
height:10vh;
}
#i11{
position:fixed;
}
img{
width:3vw;
position:fixed;
right:5px;
bottom:5px;
}
</style>
</head>
<body>
<a id = "a1">
<script>
$(document).ready(function(){
$("tr:odd").css("background-color", "yellow")
$("tr:even").css("background-color", "silver")
/*$("input").blur(function(){
alert('hello')
})
$("input").change(function(){
$("table").hide(1000)
})
$("td").dblclick(function(){
$(this).hide(2000)
})*/
//$("a").click(function(event){
//event.preventDefault();
//})
// $("#a5").css("border", "4px dotted yellow")
//$("#a5").parent().css("border", "4px dotted blue")
//$("#a5").parents().css("border", "4px dotted red")
//$("#a5").parentsUntil("aside").css("border", "4px dotted red")
/*$("#b1").click(function(){
if ($("#t1").prop("checked")==true){
$("#t1").prop("checked", false)
}
//else{
$("#t1").prop("checked", true)
}
})*/
$("img").hide();
$(window).scroll(function(){
if ($(this).scrollTop()>120){
$("i11").val($(this).scrollTop())
$("img").fadeIn("slow")
}
else{
$("img").fadeOut("slow")
}
})
})
</script>
<input type = "checkbox" id = "t1" />
<button id = "b1">check/uncheck</button>
<input id = "i11">
<table border = "1">
<tr>
<th>Company</th>
<th>Country</th>
</tr>
<tr>
<td><a href = "http://google.com">Google</a></td>
<td>USA</td>
</tr>
<tr>
<td><a href = "http://smentertainment.com">SM entertainment</td>
<td>South Korea</td>
</tr>
<tr>
<td>BitCoin</td>
<td>Japan</td>
</tr>
<tr>
<td>Marvel</td>
<td>USA</td>
</tr>
<tr>
<td>Vans</td>
<td>USA</td>
</tr>
</table>
<div id = "a1">
<div id = "a2">
<aside id = "a3">
<div id = "a4">
<div id = "a5"></div>
</div>
</aside>
</div>
</div><a href = "jquery6.html#a1"><img src = "up.jpg">
<br><br><br><br><br><br><br>text<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>text
</body>
</html>Итак, это мой полный код, что я пытаюсь сделать, так это получить значение во вводе при прокрутке, что здесь пошло не так?
Я проверял код снова и снова, но значение просто не работает. Затем через изображение я пытаюсь попасть в верхнюю часть страницы, которая работает, как и метод затухания. Проблема в самой функции?
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
2
0
67
1
Ответы 1
Вы пропустили # внутри $("i11").val($(this).scrollTop()), поэтому это будет $("#i11").val($(this).scrollTop()), пожалуйста, посмотрите фрагмент ниже:
<html>
<head>
<title>jQuery 6</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
#a1{
background: aqua;
width:80vw;
height:80vh;
}
#a2{
background: maroon;
width:60vw;
height:60vh;
}
#a3{
background: magenta;
width:40vw;
height:40vh;
}
#a4{
background: green;
width:20vw;
height:20vh;
}
#a5{
background: purple;
width:10vw;
height:10vh;
}
#i11{
position:fixed;
}
img{
width:3vw;
position:fixed;
right:5px;
bottom:5px;
}
</style>
</head>
<body>
<a id = "a1">
<script>
$(document).ready(function(){
$("tr:odd").css("background-color", "yellow")
$("tr:even").css("background-color", "silver")
/*$("input").blur(function(){
alert('hello')
})
$("input").change(function(){
$("table").hide(1000)
})
$("td").dblclick(function(){
$(this).hide(2000)
})*/
//$("a").click(function(event){
//event.preventDefault();
//})
// $("#a5").css("border", "4px dotted yellow")
//$("#a5").parent().css("border", "4px dotted blue")
//$("#a5").parents().css("border", "4px dotted red")
//$("#a5").parentsUntil("aside").css("border", "4px dotted red")
/*$("#b1").click(function(){
if ($("#t1").prop("checked")==true){
$("#t1").prop("checked", false)
}
//else{
$("#t1").prop("checked", true)
}
})*/
$("img").hide();
$(window).scroll(function(){
if ($(this).scrollTop()>120){
$("#i11").val($(this).scrollTop())
$("img").fadeIn("slow")
}
else{
$("img").fadeOut("slow")
}
})
})
</script>
<input type = "checkbox" id = "t1" />
<button id = "b1">check/uncheck</button>
<input id = "i11">
<table border = "1">
<tr>
<th>Company</th>
<th>Country</th>
</tr>
<tr>
<td><a href = "http://google.com">Google</a></td>
<td>USA</td>
</tr>
<tr>
<td><a href = "http://smentertainment.com">SM entertainment</td>
<td>South Korea</td>
</tr>
<tr>
<td>BitCoin</td>
<td>Japan</td>
</tr>
<tr>
<td>Marvel</td>
<td>USA</td>
</tr>
<tr>
<td>Vans</td>
<td>USA</td>
</tr>
</table>
<div id = "a1">
<div id = "a2">
<aside id = "a3">
<div id = "a4">
<div id = "a5"></div>
</div>
</aside>
</div>
</div><a href = "jquery6.html#a1"><img src = "up.jpg">
<br><br><br><br><br><br><br>text<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>text
</body>
</html>Другие вопросы по теме
Отключить один ввод, если другой ввод имеет значение в jquery
Гистограмма D3 те же значения на диаграмме, но данные разные
Как создать div под заданным div поверх других, но без изменения положения других?
Заглушка Swiper coverflow в контейнере Div
Две формы, как различить каждую?
Невозможно получить значения из флажков
React: отрисовка компонента по-другому
Как передать ссылку на компонент в компонент маршрутов в React
HTML: как правильно отображать японскую кодировку html на Mac?
Запуск анимации javascript с последующим перенаправлением
Похожие вопросы
Запрос jquery на получение иногда не работает на сервере. Но когда тот же код выполняется на локальном хосте, он отлично работает
Отключить один ввод, если другой ввод имеет значение в jquery
Функция прокрутки панели навигации НЕ работает
Как создать div под заданным div поверх других, но без изменения положения других?
Упростить оператор if в нескольких AJAX
Как я могу использовать зависимые выпадающие списки в модальном режиме загрузки php?
Заглушка Swiper coverflow в контейнере Div
Нужно добавить ответ json
Запуск анимации javascript с последующим перенаправлением
Выбранная дата не должна отображаться при повторном нажатии поля даты в средстве выбора даты