如何在使用jQuery load添加内容后强制固定位置的div滚动到顶部
在使用jQuery load添加内容后强制固定位置的div滚动到顶部，可以通过以下步骤实现：
- 首先，确保你已经引入了jQuery库。
- 使用jQuery的load方法加载内容，并在加载完成后执行回调函数。
$('#your-div').load('your-url', function() {
// 内容加载完成后执行的代码
});- 在回调函数中，可以使用jQuery的scrollTop方法将div滚动到顶部。
$('#your-div').scrollTop(0);这样，加载内容后，位于固定位置的div就会被强制滚动到顶部。
需要注意的是，#your-div是指代你想要固定位置的div的选择器，'your-url'是指代你要加载内容的URL。
关于jQuery的load方法和scrollTop方法的更多信息，请参考以下链接：
以上是基于jQuery实现的解决方案。当然，你也可以考虑使用原生JavaScript的方法来实现相同的效果，比如使用XMLHttpRequest或fetch加载内容，并通过Element的scrollTop属性来进行滚动操作。
相关·内容
2回答
我有一个脚本，它使用jQuery和CSS定位在页面顶部的东西时，它滚动。然而，当你滚动时，它看起来像是在摇晃，而且它已经固定在Google Chrome和Mozilla Firefox浏览器的顶部。为什么会这样呢？
我希望你能理解我试图描述的东西。如果没有，请将此代码与jQuery库一起复制并粘贴，以了解我的意思：
<style type='text/css'>
body {
height:1000px;
margin:0;
padding:0;
}
#scroller {
position:relative;
top:60
浏览 1提问于2011-08-08得票数 2
回答已采纳
1回答
我在这个网站上工作：
我使用fancybox来实现内联弹出窗口：
当你访问该网站时，你可以看到弹出窗口，当你滚动时，弹出窗口显示在instagram feed下方。
在桌面和更大的版本上，它工作得很好，但在移动版本中，当你在insta feed下方滚动时，弹出窗口会显示出来，但它停留在显示的位置，不会随着页面向后滚动而移动。
我用来显示Fancybox的jQuery代码如下：
$(window).scroll(function() {
var y = $(window).scrollTop();
浏览 0提问于2015-08-09得票数 0
1回答
我有一个网页，我在折叠上方的圆圈中显示了一个向下的箭头，以表明下面有更多内容。当这个箭头被点击时，我已经让jQuery在适当的位置执行到页面底部的动画滚动，然后jQuery向上滚动到所需的位置。当动画到达页面底部时，我希望jQuery立即开始向上滚动到所需的位置，而不会在页面底部有短暂的停顿。我尝试在每个动画的末尾使用和不使用function选项的情况下使用jQuery，当第一个动画到达页面底部时，我仍然注意到暂停。
示例页面位于：
我的示例代码是：
<script type="text/javascript">
$(document).ready(function
浏览 2提问于2015-04-27得票数 1
1回答
对滚动的响应Div
、、、
我正在尝试复制上的浮动搜索选项栏。当用户滚动到选项栏底部时，它的位置似乎固定在底部，当用户到达选项栏顶部时，向上滚动变得固定到顶部。
我确信这是一个简单的jquery脚本，但是作为一个新手，我还不能理解它是如何实现的。
下面是我正在使用的jQuery脚本：
google.load("jquery", "1");
function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('#sticky-anchor').offse
浏览 0提问于2012-12-08得票数 1
回答已采纳
我已经使用了Jquery multiselect下拉菜单，并为可滚动的部分设置了固定的模式体高度。问题是多选下拉隐藏在可滚动部分后面，我想将其显示在可滚动部分的顶部。
请查看下面的截图：
Html代码：
<div class="form-group">
<label class="multiChkLbl required">Biological measures</label>
<select id="multiChkBioMasures" class="form-con
浏览 0提问于2018-10-24得票数 0
当用户点击某个产品时，我使用lightbox_me jquery插件打开一个lightbox。通常，lightbox内容会在折叠下方伸展，当您向下滚动时，右侧滚动条会移动整个页面。
我希望它能像pinterest lightbox一样工作，右边的滚动条只滚动lightbox，页面的其余部分保持固定。我已经看过一些关于这个的帖子，但似乎没有一个对我有效。
jQuery(function(){
$('.productBoxLink').click(function(e) {
var box = $(this).siblings(".productLightbox
浏览 3提问于2013-03-07得票数 3
回答已采纳
1回答
在移动上，在用户滚动通过第一部分之后，粘性菜单将慢慢出现:这是按照以下步骤完成的：
var $logo = jQuery('#header-sticky-wrapper');
jQuery(document).scroll(function() {
if(jQuery(this).scrollTop()> 250)
{ //alert("scop");
// $logo.css({display: $(this).scrollTop() >
浏览 0提问于2016-10-05得票数 0
回答已采纳
1回答
在上，我在顶部有一个肚脐。现在，使用jQuery，当CSS大于100 is时，添加名为.shrink的CSS类，使导航条变得更小。该功能本身运行良好。类被应用，导航条变得更小，但是我面临一个口吃问题。如果你从顶部滚动一点(我相信大概是100 up )，那么肚脐就会开始疯狂地上下跳跃。我不知道是什么引起了这个问题，也不知道如何解决它。有人知道解决办法吗？
$(document).on("scroll", function() {
if ($(document).scrollTop() > 100) {
$("header").addClass
浏览 3提问于2018-06-24得票数 1
回答已采纳
2回答
我有一个粘性菜单，当向下滚动到100px时，它仍然留在屏幕顶部，但是在我有googlemap的页面上，粘性菜单变得奇怪，并停留在输入搜索表单上。我试过禁用与地图集成的js文件，但是没有帮助，在没有地图的其他页面上粘性菜单工作正常，使用firefox甚至在我有地图的页面粘性菜单也工作得很好。现在我正处于失去理智的边缘，那是chrome的问题所在..
这是我对有问题的页面，你必须向下滚动，然后回到顶部才能找到问题，在火狐上，问题没有显示出来，所以我怀疑是chrome本身。
有什么建议我应该调查一下，或者是什么原因导致了这个问题？
下面是运行粘滞菜单的js `sticky_menu sticky_m
浏览 3提问于2014-11-05得票数 0
2回答
假设我有两个divs，第一个是固定头，第二个是相对位置广告。滚动后，广告进入标题。广告应该坚持在标题和他们都返回到一个正常的页面流，我可以向下滚动，像其他内容。我相信你有我的主意。
此刻我没有具体的代码，只是集思广益。一种方法是使用jQuery、window.scroll()和window.scrolltop()函数来检测窗口位置和何时更改CSS。但是如何贴上广告，恢复正常的流动呢？
我在这里搜索过，浏览过答案，但是找不到任何有价值的信息。如果你有任何想法或信息，我将不胜感激。
浏览 4提问于2013-12-06得票数 4
回答已采纳
这是stackoverflow上最愚蠢的问题...
我的客户希望他的网站的所有页面都有可见的侧边栏。
一些页面有滚动，另一些没有，所以他看到徽标和元素从一个页面跳到另一个页面的滚动条宽度……
所以..。有一种方法可以“锁定”滚动条空间，这样他就看不到从一个页面跳到另一个页面了吗？
谢谢
浏览 0提问于2010-12-09得票数 3
显然，我是一个新手程序员:(这看起来应该很容易，但我无法弄清楚。
CSS
div {
display: none;
}
BODY
<div id="div" style="width:100%;height:1750px;z-index:1;">
<iframe src="mypage.html" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" width="100%&#
浏览 1提问于2013-11-14得票数 1
3回答
这个问题适用于普通的jQuery和jQuery移动站点，因为我目前正在处理这两个站点中的一个，也存在同样的问题。当然，这只是移动设备上的一个问题，或者至少是iPhone 4。
很简单，用position: fixed; top: 0;设置一个头。当我使用jQuery animate()函数时，无论是滚动到特定元素还是页面顶部，标题都会在屏幕顶部上下跳跃，就好像它跟不上滚动的页面一样。
这仅仅是移动设备的硬件限制，还是我可以做些什么来消除或至少将这种情况降到最低？
浏览 0提问于2013-08-12得票数 5
我正在尝试使用jquery来改变div在底部和顶部的高度，就像在这个上一样。
jquery是这样的：
$(document).ready(function() {
var lastScrollTop = 0;
var img = 100;
$(window).scroll(function() {
var st = $(this).scrollTop();
if (st > lastScrollTop) {
// downscroll code
console.log('downward')
img =
浏览 4提问于2018-01-06得票数 1
回答已采纳
3回答
因此，我得到了一个web模板，它使用一个名为sticky的jquery库，当您滚动时，它会将导航(从底部开始并向上移动)“粘贴”在页面的顶部。
我想能够扑通一个标志到导航，一旦它达到其休息的地方(后滚动)。类似于这个网站- 。一旦你滚动经过图像标题，徽标就会淡入导航栏，然后停留在页面上。无论如何，下面是jquery代码的摘录：
<script>
$(window).load(function() {
$('nav').sticky({ topSpacing:0, className: 'sticky', wrapperClassName:
浏览 0提问于2013-06-15得票数 0
回答已采纳
2回答
我有一个边栏有代码
<section>
<div class="8u">
</div>
<div class="4u">
<div id="sidebar">
<div id="scroller-anchor"></div>
<div id="scroller" style="margin-top:10px; width:270px">
浏览 5提问于2014-04-25得票数 3
回答已采纳
1回答
我目前正在使用 (无限滚动)来创建一个响应式的网页设计。
(function() {
var $container = $('#container');
$container.isotope({
itemSelector : '.element'
});
$container.infinitescroll({
navSelector : '#page_nav', // selector for the paged navigation
nextSelec
浏览 0提问于2012-10-06得票数 0
回答已采纳
1回答
我有一个图像，当我滚动经过它时，我希望它移到右下角，并在它移动到那里时进行动画处理。这部分起作用了。
当我向后滚动时，我想让它以同样的方式动画回到它原来的位置。这就是我需要帮助的地方。
它只是跳回到它原来的位置，而不需要转换。我怎样才能让它正常工作呢？
var $window = $( window );
var $container = $( '.container' );
var containerTop = $container.offset().top;
$window.scroll( function() {
if( $window.scrollTo
浏览 0提问于2016-04-08得票数 0
2回答
我有一个导航栏，它在标题图像的下面。当我向下滚动时，我想让导航栏停留在网页的顶部。我想不出所需的jQuery或CSS，因为导航栏似乎粘在标题图像的正下方，留下了一些间隙。
<div class="headerwrap pull-center">
<div class="container">
<div id="header" class="row-fluid">
<div class="span5" id="phones">
浏览 1提问于2013-07-17得票数 21
2回答
当滚动垂直条是Css我的代码时，如何将幻灯片div放在页面的右上方？
CSS
<style>
body {
width:100%;
overflow-x:hidden;
margin:0;
}
#slide {
background:rgba(0,0,0,0.4);
width: 200p
浏览 5提问于2013-09-17得票数 0
我正在学习jquery，尝试在浏览器窗口视图上运行这个jquery脚本。意味着脚本将运行，当class="load-delay"通过滚动浏览器具有浏览器窗口视图时。实际上，这个脚本在7秒后加载图像。
jquery脚本：
setTimeout(function () {
$('.load-delay').each(function () {
var imagex = $(this);
var imgOriginal = imagex.data('original');
$(imagex).attr(
浏览 1提问于2015-02-25得票数 0
回答已采纳
2回答
我使用jQuery的scrollTop(0)方法编写了一些代码，该方法在Chrome上不能正常工作(版本56.0.2924.87)。
我的代码设置了2秒超时，执行以下操作：
滚动到屏幕的顶部。
隐藏一个100%宽度和高度的div，并要求用户完成一些操作。
将类追加到设置overflow: hidden的html标记中。
一旦用户完成操作，它将删除类并隐藏div，以便他们可以继续滚动。
这是对Firefox的信任。
在Chrome上，如果在用户是而不是滚动时执行2秒超时，那么它将按预期工作。但是，如果在用户处于滚动过程中时调用了2秒超时，则该超时似乎会冻结。
我已经创建了
浏览 2提问于2017-02-20得票数 0
回答已采纳
3回答
JQuery手机为粘性页脚导航栏提供了两种选择。“内联”，它只会放在它声明和“固定”的页面中，如果你不滚动，它就会变得粘性。一旦你滚动，它就消失了。我发现这种行为非常古怪。
显然可汗学院已经解决了这个问题，但由于某种原因，我无法使用openapp mkt访问他们的移动网站：
我知道其他人也问过这个问题，但jQuery现在不同了：
稍后，我可能会尝试处理布局CSS (我尽量避免这样做，以免破坏jquery mobile) 。
浏览 2提问于2011-08-03得票数 0
我想知道如何使jquery按钮的功能滚动到页面的顶部。此按钮通常位于页面底部。
最好，有没有Drupal6.0的模块？
提前感谢您的帮助。
浏览 1提问于2011-08-15得票数 0
回答已采纳
1回答
我正在为我的网站开发汉堡侧边栏菜单。这是我目前的工作。
我只想在汉堡包菜单扩大的时候停止滚动。因此，当菜单展开时，我将overflow: hidden添加到body中。(单击主体元素$('body').toggleClass('scroll-lock');的切换)
问题
我已经在ios中测试过这一点，包括chrome浏览器和safari浏览器。overflow: hidden似乎工作不太好。我在谷歌上搜索了一下，发现我也需要添加position:fixed。用过了，工作得很好。但是当我向下滚动并点击我的汉堡包菜单时，它会工作，但是跳到了顶部！
我搜索并尝试了很
浏览 0提问于2019-01-23得票数 1
3回答
我是jquery的新手，在改变滚动效果的css样式时遇到了一些问题。
我有一个div，在页面加载时，我希望将其固定为top: 75px，但一旦用户开始从顶部滚动75px，我希望将其更改为position: 0px top :0px。
现在，我只能让它在任何滚动动作中改变，而不是等到它从顶部开始达到75px。
到目前为止，我的代码是非常基础的，因为我在这一部分上有点卡住了。
$(window).scroll(function () {
$("#side_bar").css("position", "fixed&
浏览 2提问于2011-08-19得票数 0
回答已采纳
使用tinyscrollbar jquery插件和jquery覆盖。我想保留可滚动容器中的滚动位置，这样当我关闭覆盖时，我会返回到滚动位置。任何关于如何做到这一点的想法，因为使用任何数量的容器名称，或者窗口的scrolltop属性都不起作用。
浏览 2提问于2013-10-22得票数 0
2回答
我在一页上有两个菜单，我试图在加载页面时显示一个菜单，当有滚动时显示另一个菜单。这是我的页面
当位置在顶部时，我想显示白色部分；当顶部有滚动时，我想显示蓝色部分。
这就是我现在正在尝试的
<script type="text/javascript" src="//code.jquery.com/jquery-git.js"></script>
<script type='text/javascript'>//<
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
