Div使用Jquery滚动页面
是一种常见的前端开发技术，它可以通过Jquery库来实现页面的滚动效果。下面是对这个问题的完善和全面的答案：
Div是HTML中的一个标签，用于定义文档中的一个区域或容器。它可以用来包裹其他HTML元素，从而实现对这些元素的布局和样式控制。
Jquery是一个流行的JavaScript库，它简化了JavaScript的编程，提供了丰富的API和功能，可以方便地操作HTML元素、处理事件、实现动画效果等。
滚动页面是指在浏览器中通过滚动条或其他方式使页面内容在可视区域内上下移动的操作。通过使用Jquery，我们可以实现对页面的滚动效果进行定制和控制。
具体实现滚动页面的方法如下：
- 引入Jquery库：在HTML文件中的<head>标签内添加以下代码，引入Jquery库文件。
<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>- 编写滚动代码：在<script>标签内添加以下代码，使用Jquery来实现滚动效果。
$(document).ready(function(){
// 监听滚动事件
$(window).scroll(function(){
// 获取滚动条的位置
var scrollTop = $(window).scrollTop();
// 判断滚动条位置，执行相应的操作
if(scrollTop > 200){
// 当滚动条位置大于200时，执行某些操作
// 例如显示一个返回顶部按钮
$('#back-to-top').fadeIn();
}else{
// 当滚动条位置小于等于200时，执行其他操作
// 例如隐藏返回顶部按钮
$('#back-to-top').fadeOut();
}
});
});上述代码中，我们通过监听滚动事件，获取滚动条的位置，然后根据位置的变化执行相应的操作。在示例中，当滚动条位置大于200时，显示一个返回顶部按钮；当滚动条位置小于等于200时，隐藏返回顶部按钮。
- HTML结构：在HTML文件中添加相应的HTML结构，例如一个返回顶部按钮。
<div id="back-to-top">返回顶部</div>在上述代码中，我们使用了一个<div>标签来创建一个返回顶部按钮，并给它设置了一个id属性，用于在Jquery代码中进行操作。
以上就是使用Jquery实现滚动页面的基本步骤和示例代码。通过这种方法，我们可以根据具体需求来定制页面的滚动效果，提升用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我正在使用jQuery-移动为基于html的移动应用程序。
我使用jQuery移动工具水平滚动页面。
我的一个页面有一个水平长的div和一些动画内容。我只需要这个div的内容滚动到侧面。但是当我浏览div时，会滚动到下一页。
如果用户在页面的任何其他部分上滑动，这是想要的行为，但是当在特定的div上发生滑动时，我只需要滚动内容。
我尝试使用作为建议的，使用css溢出作为建议的，但在每种情况下，jQuery滚动页面。
有没有办法只滚动jQuery-移动“页面”中某个div的内容，而不是页面本身？
浏览 2提问于2013-12-26得票数 2
回答已采纳
3回答
如何在jquery手机中禁用垂直内容滚动？我要禁用页面内容的所有滚动。谢谢。
我创建jquery.mobile页面，在内容中添加jquery.mobile.scrollview。当我使用滚动视图我的页面内容滚动顶部和底部。如何禁用滚动内容？我的页面代码：
<div id="page2" data-role="page" align="center">
<div data-role="content">
<div id="mydatacontent" class
浏览 0提问于2012-04-02得票数 9
3回答
如何禁用多个滚动功能？
、、、
我正在制作一个页面，在那里，在向下滚动，页面的左侧将滑动，而右边的页面将向下滑动。在向上滚动时，页面的左侧将向下滑动，而页面的右侧将向上滑动。
如果用户只滚动一次(使用鼠标轮)，当您滚动多次(在函数完成之前，左侧和右侧将继续滚动并陷入混乱)，我就可以这样做了。有办法禁用多个卷轴吗？
我在下面添加了我的代码和小提琴。
<div class="left">
<div id="left1" class="onLeft Side">
</div>
<div id="left2&#
浏览 4提问于2016-03-08得票数 4
回答已采纳
1回答
我有一个网站，在URL中带有一个特定的参数，名为"onsale“。我希望页面滚动到一个名为"bbbb“的类的特定div中，如果参数"onsale”在URL中，则页面加载。到目前为止，我的代码如下：
var url = window.location.href;
if (url.search("onsale") >= 0) {
//found it, now do something
console.log("yep");
jQuery('html,body').animate({
scrollTop: jQuer
浏览 2提问于2015-08-28得票数 1
我有jQuery自定义内容滚动器在我的网站内的div。div内容具有参数("#content").hide()。当页面加载时，div是可见的，并且jQuery自定义内容滚动器可以很好地工作。
但是，如果页面加载时div内容不可见，则jQuery自定义内容滚动器不可见且无法工作。我注意到当你缩小或扩大窗口时，滚动体就会显示出来。我在这个网址上有一个小例子：
问题可能在哪里？
浏览 5提问于2012-12-03得票数 5
我在左边和右边有一个页面，上面有一个面板。右侧表示一个项目列表，该列表可能比页面高度更大。如果发生这种情况，我不想滚动整个页面，我只想滚动这个列表容器。我以为overflow-y: scroll;会做这个，所以我创造了这个
$(document).ready(() => {
for (let i = 0; i < 100; i++) {
const newDiv = (`<div>Log Item</div>`);
$("#logsContainer").append(newDiv);
}
});
#page {
浏览 1提问于2019-11-18得票数 2
回答已采纳
2回答
我有一个站点，它的大部分内容都是单一的页面样式，菜单链接使用div作为锚(例如，www.mydomain.com/#div- ID )向下滚动页面，但是，还有一些额外的外部页面也在标题中链接。
我面临的问题是，当我在一个外部页面(例如，www.mydomain.com/ page -1)上时，用于向下滚动主页的菜单链接不起作用(它们的结果是www.mydomain.com/page-1/#div-id)。
jQuery(document).ready(function($){
jQuery('a[href*=#]').click(function (e){
e.preventD
浏览 3提问于2015-11-19得票数 2
回答已采纳
3回答
我正在创建的站点有一个框，里面有多个可滚动的框。还有一个图像，需要与用户一起向下滚动，而他们滚动。
我使用滚动事件进行此操作，每次滚动div时，我都会将(页面下面的元素)的顶部位置更改为包含div的scrollTop。
问题是，有时元素似乎会闪现，然后回到正确的位置。
我认为这与滚动事件有关，而不是触发滚动的每个像素，但我不确定。
我有一个关于jsfiddle的非常简单的例子，这样您就可以看到实际的问题：
JS:
jQuery('#pageWrap').scroll(function(){
jQuery('#follow').css({
浏览 2提问于2013-05-28得票数 2
回答已采纳
1回答
我在主页上有id=“主页特性”的div。当我点击class=菜单“关于-我们-滚动”，它滚动到div与id=“主页-功能”，但如何滚动从另一个页面到主页，并滚动到div id=“主页-功能”。
我需要
到主页(mywebsite.com)scroll到div id="home-features"的
当我在主页上时，我使用这段代码滚动到div id=的“主特性”。
jQuery(".about-us-scrolling").click(function() {
jQuery('html, body').animate({
s
浏览 1提问于2022-11-07得票数 -1
回答已采纳
1回答
我试图滚动到包含jquery操作结果的div。
ajax加载按预期工作，但页面在加载后不会滚动。为什么这个测试代码不这样做呢？或者，还有更好的方法吗？
下面是测试页面，它不会在加载后滚动，但是如果然后鼠标单击锚哈希标签(转到.)，则会滚动：
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<div>line 1</div>
<div>line 2</div>
<a id="idGoTo"
浏览 3提问于2016-03-19得票数 1
回答已采纳
我目前正在使用CSS上下滚动弹出页面，只是使用鼠标滚轮，但我不能让它在FireFox中工作。由于某些原因，它目前只能在Chrome中使用overflow-x:hidden和overflow-y:auto；。
我尝试过使用jQuery的鼠标滚轮插件jquery.mousewheel.min.js来让页面在没有滚动条的情况下上下滚动，但是很遗憾，我不能让它工作。仅仅使用鼠标滚轮，Firefox还需要什么东西才能上下滚动页面？是CSS、Javascript还是jQuery？
HTML
<div class="test">
<div class="inn
浏览 11提问于2013-10-14得票数 1
2回答
我有一个div，当我在div上滚动时，页面应该滚动，我如何实现这一点？Div的z索引高于其他页面元素，它位于所有页面元素的顶部
使用javascript或jQuery，有什么用吗？
编辑: DIV是最顶部的元素，其他元素的z索引较低。现在top DIV比viewport长，所以我需要滚动
浏览 0提问于2011-03-24得票数 0
回答已采纳
我有一个div标签<div id="customError">Error</div>我希望这个div标签总是出现在使用jquery的页面顶部，所以换句话说，即使页面是可滚动的，我也希望它总是可见的，并且在页面顶部几乎就像stackoverflow通知栏一样。这可以使用JQuery实现吗？我尝试了很多东西，当页面向下滚动时，它就消失了。任何帮助的建议都将不胜感激。
浏览 2提问于2010-08-23得票数 1
回答已采纳
2回答
此函数为jquery，当用户滚动页面时，滚动div (带有名为“Search”的css )。
$(window).scroll(function(){
$.each($('.Search'),function(){
var windowpos = $(window).scrollTop();
var finaldestination = windowpos+90;
$(this).stop().animate({'top':finaldestination},300);
});
});
浏览 2提问于2013-01-11得票数 2
回答已采纳
嘿，我在我的网站上使用jquery.fullpage.min.js插件来实现完整页面，而scrolloverflow.min.js则用于在div中滚动。我设置了autoScrolling:false, scrollOverflow:true，因为我不想要自动滚动，我想要在div中溢出滚动。
问题是，当我滚动溢出的div时，整个页面也滚动了。我试过使用normalScrollElements:"my-div"，但只有在autoScrolling:true时才起作用。当用户滚动溢出的div时，如何避免页面滚动？
感谢您的帮助！
浏览 0提问于2018-11-15得票数 0
我已经创建了一个滚动到顶的功能，让访问者滚动到顶部点击一个按钮。效果很好。我也使按钮出现在滚动。
我需要的是当滚动时出现，当滚动到顶部时消失。但是目前，它首先出现在页面加载上，然后是fadeOut，然后是fadeIn。只有当页面向下滚动时，我才能使其显示出来？
以下是html：
<div>
<p> The page's content</p>
<div class="scrolltop">
<a href="#top" id="scrolltop"&g
浏览 4提问于2013-12-25得票数 2
回答已采纳
2回答
我想修复一个div或图像在左侧的html页面，当滚动y，图像滚动，但当滚动x图像不滚动或固定在左侧，我使用jquery.ticky-kit.js和jquery-scrolltofixed.js插件，但当页面调整到小宽度(移动大小)滚动x，注意，我的页面没有响应。
另一个需要注意的是mootools插件工作得很好，但我想用jquery来实现。
Mootools插件位于以下链接：
浏览 1提问于2014-11-11得票数 0
如何使用jquery禁用鼠标滚轮功能，当鼠标指向一个div内部时滚动长页面？
我需要禁用它，因为我在div中有另一个鼠标滚轮功能，如果页面太长，当我在div中滚动鼠标滚轮时，div和页面都将被滚动。我不想两个都滚动，我只想在div里面滚动。
浏览 3提问于2011-03-09得票数 0
回答已采纳
我试图使用函数JqueryTools替换浏览器的本机滚动条。
下面是示例页面：
该页面具有多个可滚动的div，具有以下html结构：
<div class="scrollwrap"><!-- scrollwrap doesn't move and has overflow:hidden -->
<div class="scroll"><!- this is the scrollable pane --></div>
<!-- this is the rangecontro
浏览 1提问于2012-01-21得票数 2
是否有一种jQuery技术可以选择所有具有非零滚动条位置的页面控件/div？
我正在尝试解决一个许多人都面临的问题；基本上，在部分asp.net回发之后，所有具有非零值滚动条的控件/div(例如，向下滚动到某个位置)都会被重置为零(滚动条的顶部)。
我的方法是让jQuery脚本保存页面上包含的所有控件/div的所有滚动条位置，并在回发后恢复所有滚动条位置。
有没有可能，它能工作吗？如果是，如何使用jQuery选择所有带有滚动条的div，然后保存这些位置。
谢谢!
浏览 1提问于2010-09-10得票数 1
回答已采纳
我有一个div，它在页面上滚动，当我向上滚动时，div滚动起来。我想要相反的
这是代码：
// SCROLL BUTTON
// -- iPhone picture should scroll in when down and down when up
jQuery(window).scroll(function(){
jQuery(".iphonepic").stop().animate({ "top": (jQuery(window).scrollTop() - 0.00) + "px"}, "slow&
浏览 4提问于2013-12-23得票数 0
回答已采纳
在HTML中，如何不使用jquery自动滚动特定的div？我只想滚动特定的div或文本区域，以便在页面加载时自动滚动。
浏览 4提问于2013-09-16得票数 0
回答已采纳
必须有一个简单的解决办法。我一直试图与jQuery合作，以实现我正在寻找的效果，但，它只是不太有效……此外，我怀疑有一个CSS解决方案的问题。
我有一个名为“弹出”的div，它的CSS如下：
#popup {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;}
它像覆盖在屏幕上一样.在这个div中，我有另一个名为#pnlEditOverlay的框，它具有通知消息、编辑表单或类似的内容。
pnlEditOverlay是我试图垂直在页面上居中的内容。
我使用jQuery将#弹出的高度展开到文档高度，以便涵盖所有内容：
浏览 3提问于2012-02-25得票数 1
回答已采纳
1回答
我想要实现的是，假设你有一个很高的页面，里面有几个div。
高页面本身是可滚动的，div也是可滚动的。
我想要实现的是防止在滚动div到极限时滚动整个页面。
现在发生的情况是，当您通过猛烈的滚动到达div的末尾时，您将开始滚动整个页面。我想防止滚动整个页面，因为这是一个私人项目，底部的项目很少使用。
divs不是动态生成的，所以我可以对所有东西进行硬编码。
如果可能的话，我真的希望避免使用jQuery，因为在这种情况下，这似乎有点过分了。
//edit:可以在找到一个小示例
此演示的预期行为是，当您在bacon div中滚动时，整个页面不会滚动。
浏览 0提问于2011-06-16得票数 3
回答已采纳
1回答
在我的网页上，当我点击一个元素时，模式窗口(带有固定位置的div)就会出现。问题是，当我使用鼠标滚动(或使用手机/平板电脑上的手指)滚动时，整个页面都在滚动，我希望滚动应用于div的内容(它有滚动条)，并停止滚动页面。当div被隐藏时，我想让scorlling切换回整个页面。有可能吗？我尝试在显示div (JQuery)时禁用body滚动：
$("body").css({"overflow", "hidden"})
但我得到的唯一效果是页面滚动条被隐藏，但鼠标滚动仍然滚动整个页面(在我想滚动的div后面)。
浏览 0提问于2015-10-15得票数 0
我设置了一个按钮，当单击该按钮时，将展开页面。代码如下：
/*Source:http://rpardz.com/blog/show-hide-content-jquery-tutorial*/
jQuery('.open-content').hide().before('<div class="container_12"><a href="#" id="toggle-content" class="button"><div id="expand-button"
浏览 0提问于2011-08-07得票数 2
回答已采纳
当偏移量从顶部25 is时，我的主菜单将“滚动”类添加到“.mainMenu”中。这很好，但是当用户在页面顶部以外的任何地方刷新页面时，“.scroll”并不是活动的，因此“滚动”样式不适用。
用例：
用户在页面顶部，向下滚动，添加“.scroll”类，将白色背景变为黑色。用户在页面中间刷新窗口。主菜单返回到白色背景，因为没有添加滚动。
我正在寻找这样的东西：‘如果mainMenu类是25 to从最上面的页面，然后添加类滚动到mainMenu div’。
演示：
$(window).scroll(function() {
var scroll = $(window).scrollTop
浏览 0提问于2019-10-12得票数 0
3回答
我在div中有一张箭头的图片。这个div固定在非常宽页面的右下角。
如何使用jQuery在每次单击div时向右滚动600px的窗口？(是否可以检测到页面何时不能再向右滚动，并隐藏箭头？)
干杯。
浏览 0提问于2011-02-21得票数 3
回答已采纳
2回答
据我所知，尽管jQuery支持的页面可以包含溢出设置为滚动或自动的div，并且这些div可以用单屏幕条或鼠标轮滚动，但它们不能使用箭头键、页面向上/页面向下或家庭/末端滚动。
相反，正式的"page“div (带有数据-角色=”page“)吸收了所有这些输入。也许其他的divs甚至无法获得焦点，我不确定。
有办法绕过这件事吗？
编辑:简单示例的JSfiddle：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<
浏览 5提问于2016-01-15得票数 0
回答已采纳
1回答
当用户在页面上的任何地方滚动时，是否可以使用jQuery来模拟元素的滚动？我有一个100%高的div，并使用overflow: scroll显示滚动条。页面的主体没有滚动条，因为它也是100%的高度。我想这样做，以便当用户尝试滚动在页面上的任何地方，div滚动。这个是可能的吗？
谢谢!
浏览 2提问于2014-02-11得票数 0
回答已采纳
4回答
我想要实现什么？，我想删除屏幕上不可见的div (对于用户，而不是css )，因为我允许html和body滚动到一个带有jquery(scrollTop)的div。现在，我想删除div，在我使用jquery滚动之前，div是可见的。
编辑:删除.header div后，# .header应该是页面的顶部，.header div应该永远删除。
，有什么问题?在我向下滚动并用下面的代码删除div之后，：$('.header').css('display','none');，滚动位置发生了变化。
代码向下滚动并删除div.
function scrol
浏览 1提问于2017-01-10得票数 2
回答已采纳
所以我使用这个脚本滚动到JQuery中的一个div：
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
});
});
问题是当它滚动到div时，标题(比如前20px)是隐藏的，因为在我的页面上实现了一个标题顶部栏div。我如何控制滚动，使其提前停止，以便您可
浏览 0提问于2013-01-17得票数 0
当页面滚动到底部时，我想显示一个DIV，例如，从顶部向下滚动100 to。我正在使用下面的代码
HTML
<div class="scroll_div">Hello World!</div>
jQuery
jQuery(document).scroll(function ($) {
var y = $(this).scrollTop();
if (y > 100) {
$('.scroll_div').fadeIn();
} else {
$('.scroll_div&
浏览 2提问于2013-11-19得票数 2
回答已采纳
1回答
我正在搜索jQuery/CSS解决方案，以便在与滚动条相关的页面上定位div。
当用户从左向右滚动(水平)时，div首先必须在(fixed) left: 30%上启动，当用户滚动到末尾(右)时，div必须从右位于(fixed) 30% 。
当滚动div时，必须从左到右逐步显示动画。
浏览 0提问于2012-09-15得票数 1
我在下面的这个Javascript中使用了jQuery，它在页面上显示一个div，当点击这个div时，它会慢慢地将页面滚动回到页面的顶部，它在chrome和火狐上工作得很好，但当在IE8上使用时，它只是立即转到顶部，而不是更慢的向上滚动
有人能告诉我如何克服这个问题吗？
// BACK TO TOP
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() > 0) $('#jump-link').show();
else
$('#jump-link').hi
浏览 0提问于2011-11-30得票数 0
回答已采纳
1回答
我想知道是否有人遇到过，或者知道从哪里开始编写的jQuery脚本，当你滚动经过某个点时，它总是会跳到站点上的某个特定点。以这个站点为例，它是由4个完整大小的div组成的单页面站点，您可以导航或滚动浏览，但是当您滚动使一个div的底部和另一个div的顶部都可见时，脚本是否会将最可见的div重新对齐到页面的中心？
我知道这有点长篇大论，但我的jQuery知识相当有限，不确定我将如何开始这项工作。
浏览 3提问于2012-12-19得票数 0
回答已采纳
2回答
我有一页有如下结构的页面：
<div id="header"></div>
<div id="messages"></div>
<div class="content">
<div id="sidebar"></div>
<div id="content"></div>
<div id="other_stuff"></div>
</div&
浏览 2提问于2014-04-16得票数 0
回答已采纳
1回答
我试图在我的整个页面中实现jScrollPane来改变页面的滚动条，但它不起作用。
我的代码是css：
html,body {
height: 100%;
width: 100%;
overflow: hidden;
}
#main-wrap {
height: 100%;
}
jquery：
jQuery(document).ready(function ($) {
"use strict";
$('#main-wrap').jScrollPane();
});
和html：
<div id=&
浏览 17提问于2013-04-24得票数 0
当我向下滚动到页面上的某个点时，我希望更改div的css，从页面顶部开始滚动到一定数量的像素。
在页面加载时，我会静态地放置一个div。一旦我开始向下滚动页面，我从顶部开始点击一个点(比如100px用于演示目的)，我想要将静态div从顶部改为固定的，比如20px。这将通过jquery的css()属性来完成。THis允许它在页面上一直保持在固定的20px。
当我达到100px大关时，我可以使用什么jquery属性来知道。我希望这也恢复后，一旦有人回到顶部，以便div被放回它的地方，当页面加载时，而不是从顶部的20px。
有什么想法吗？
浏览 0提问于2011-01-05得票数 6
回答已采纳
1回答
停止滚动页面，滚动旋转木马
、、、、
我在获取效果时遇到了问题。在网站上我有旋转木马，我想要-当我滚动页面并找到旋转木马时，我希望旋转木马开始滚动(滚动页面停止)，在发现所有幻灯片后，我希望页面开始滚动。
var slider = $('.slider');
$('.slider').slick({
dots: false,
vertical: true,
arrows: false,
variableWidth: false,
});
slider.on('wheel', (function(e) {
e.preventDefault();
if (e
浏览 31提问于2019-07-17得票数 0
我正试图实现卷轴，如在这一页。注意，中央容器与页面滚动条一起滚动，将链接容器保持在左侧和右侧的固定位置。滚动到容器底部后，页面的其余部分将被滚动以显示页脚。到目前为止，我已经尝试了put溢出:自动放在中央容器和外部容器上。我隐藏了中央容器的滚动条，只显示了外部容器的滚动条(即页面)。因此，我可以滚动页面和中央容器分开。当页面被滚动时，当滚动到中央容器的底部时，我想滚动中央容器，我想滚动页面的其余部分(页脚等等)。
<div class="main_page">
<div class="header"></div>
浏览 0提问于2020-09-28得票数 0
回答已采纳
这是我的页面结构：
<div id="page1">
<div id="page1-1">
<a id="firstPage"></a>
</div>
<div id="page1-2">
<a id="secondPage"></a>
</div>
<div id="page1-3">
<a id="thirdPage
浏览 1提问于2015-05-23得票数 0
回答已采纳
1回答
CSS滚动div
、、
有没有什么办法可以让滚动的绿色div将黑色导航推到页面上，而不是滚动到页面顶部？
这是我的例子，向下滚动页面，横幅将淡出并滚动：
添加了Jquery：
jQuery(function($) {
function scrollBanner() {
//Get the scoll position of the page
scrollPos = jQuery(this).scrollTop();
//Scroll and fade out the banner text
jQuery('.hero-unit').css({
&#
浏览 2提问于2013-02-06得票数 0
回答已采纳
4回答
是否有办法在不使用jQuery滚动的情况下在特定的div处启动页面？
目前，我正在使用以下代码：
$('html, body').animate({
scrollTop: $('.here').offset().top
}, 500);
但是，当然，这会在页面加载时滚动到div，我希望它直接将页面加载到div(如果有特定的cookie集)。
浏览 0提问于2018-09-29得票数 3
回答已采纳
我有一个页面"link.html“，其中有一个指向index.html页面<a href = "index.html?#myInnerLink"的锚
我希望平滑地滚动到另一个页面上的div (index.html)，它在jquery中的Id为"myInnerLink“。它工作得很好，但问题是它从下到上滚动，而不是从上到下滚动到特定的div。
"myInnerLink“div是"myDiv”div的内部.谢谢
link.html
<a id="mylink" href="index.html?#myInnerL
浏览 0提问于2018-08-02得票数 1
我想有一个自动滚动内容的div时，用户滚动到网站上的那一点。
它就像上的这个例子
$("#div").animate({ scrollTop: 1000 }, 2000);
在上面的例子中，当页面加载时，滚动会立即发生。
我的带有滚动内容的div在我的站点上更靠下，所以我希望它在到达那个路点时自动滚动。(我已经在我的页面中使用了jquery-waypoint)。
浏览 1提问于2014-10-17得票数 0
我试图让一个网页上下滚动从0到底部的屏幕(0-1080)根据一个输入。作为概念的证明，，我希望页面在一个循环中的两个滚动位置之间进行平/乒乓，并让它实际上滚动到那个位置，并明显地保持它为。所发生的情况是，它似乎不会移动/滚动，但有时页面会闪烁，如果我向上/向下滚动，它将立即滚动到底部，在下一个setInterval周期更新。
var switchTest = true;
function switcher() {
if (switchTest == true) {
$(window).scrollTop(0);
} else {
$(window).scrollT
浏览 8提问于2020-07-24得票数 0
回答已采纳
1回答
平滑更改背景图像
、、、
我试图使变化的背景效果附加到主体时，页面滚动在特定的数量，滚动速度为50%,20%,10%的页面
这是我到目前为止所得到的，
以下是示例代码：
HTML：
<div>
<p>...</p>
<!-- more <p> elements below -->
</div>
和脚本：
jQuery(window).scroll(function () {
var JarakScroll = 200; // jarak scrol
var JumlahJarakPasScroll = jQuery(wind
浏览 0提问于2014-06-19得票数 0
其思想是有5个部分，称为section1，section2等。
每个部分都有自己的形象。
当用户滚动时，图像应该“淡出”并通过更改不透明度进入，并且使用transform3D会有轻微的放大/退出效果。
我试图获得与此相同的结果：
我试图开始一些事情是这样
jQuery(document).ready(function() {
jQuery(window).scroll(function(event) {
let scroll = jQuery(this).scrollTop();
let opacity = 1 - (scr
浏览 1提问于2020-08-01得票数 2
回答已采纳
$('#aaa').draggable();
* {
margin: 0;
padding: 0;
}
#aaa {
width: 800px;
height: 800px;
position: absolute;
background: red;
}
.wrap {
height: 2000px;
position: relative;
;
}
<div class="wrap">
<div id='aaa'></div>
浏览 0提问于2019-12-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
