如标题所示，当用户单击文本/图像时，我希望使页面滚动到页面上的特定元素。如果可能的话，我不希望它跳到那个元素，而是有一个滚动的动画到它。我知道在JS里是有可能的，但我忘了你是怎么做的。
浏览 1提问于2015-05-31得票数 0
回答已采纳
我在ViewPager中有一些标签。除最后一个选项卡外，每个选项卡都在右下角显示FloatingActionButton。最后一个选项卡应该显示在底部的中心，当这个选项卡被滚动到。当滚动离开此选项卡时，FloatingActionButton将转换回其右下角位置。我当时正在实施一种解决方案，并惊讶地发现，这或多或少就是它所需要的：
mViewPager.addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
@Override
public void onPageScrolled(
浏览 1提问于2016-08-13得票数 1
回答已采纳
在我执行this.form.submit() onchange事件之后，它会重新加载页面并显示在页面的最顶端。有没有可能的解决方案被带到js onchange调用之前的相同页面位置？
浏览 0提问于2012-08-10得票数 0
1回答
我有一个网站，我使用引导和CSS，我有一个列表，在一个正常大小的屏幕(计算机/笔记本电脑)，当屏幕缩小到500 of以下时，我希望列表下降到页面底部。
我使用引导类隐藏-md来删除页面折叠中的一些div，这些div非常有效。
这里是CodePen 的一个例子，底部的照片消失了，因为我使用一个引导类在较小的屏幕大小上删除它。列表需要一直拖到页面的底部，因为它没有。
页面边栏的片段
<div class="row">
<!-- Sidebar -->
<div class="
浏览 0提问于2019-04-05得票数 0
我有一个图像是1024x1024，分为四个象限：
我想缩小这个图像，使象限2是256x256，遮掩，或隐藏，其他3个象限，使它只能在页面上可见。如下所示：
这是怎么做到的？是否可以使用纯CSS或是否需要js？。
浏览 3提问于2012-01-19得票数 1
回答已采纳
1回答
我有一个JS图像滑块，我想在固定菜单下滚动，但必须使用CSS位置:相对于工作。(我可以用不同的位置类型在导航栏下运行，但是图像滑块不能正常工作)
我如何保持滑块工作，但使它在我的固定菜单栏下？
这里是滚动页前的页面：
http://i.imgur.com/JdYL7gx.jpg
这里是当图像滑块在导航栏前面时的页面：(我不希望它是)
http://i.imgur.com/Mt8bLGk.png
这里是如何将内容放在菜单后面：
http://i.imgur.com/6MzVy63.png
浏览 2提问于2015-04-09得票数 0
我在我的页面顶部有一个链接，链接到#here。如何让页面向下滚动到带有#here的锚点链接？我一直在去谷歌和jQuery网站，但不知道该怎么做。JS代码是我的全部。
HTML：
<div class="container">
<div class="header">
<a class="link" href="#here">Here</a>
</div>
<div class="footer">
浏览 0提问于2013-05-14得票数 0
回答已采纳
2回答
我目前正在尝试为我的GCSE IT项目制作一个信息点信息亭，其中一个页面由一个基于RSS输入的新闻页面组成。
这就是我到目前为止所知道的：
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Ffeeds.bbci.co.uk%2Fnews%2Frss.xml&desc=1&targ=story&utf=y" charset="UTF-8" type="text/javascript"&
浏览 0提问于2012-11-24得票数 0
回答已采纳
1回答
我使用脚本实现自定义滚动条效果，现在我想在特定的类元素上滚动页面。类位置不固定，可以是top或bottom。
在我的例子中，我有一个锚链接，我想要页面滚动到active类。只有当用户click锚定时，页面才会滚动。
这是我的JS代码：
$( "#scroll" ).click(function() {
//scroll page to active class
});
$("#content_1").mCustomScrollbar({
scrollButtons: {
enable: true
}
});
这是我的JS
浏览 5提问于2014-12-22得票数 0
回答已采纳
我有一个div包含一个消息列表(它是一个聊天室应用程序)。当每个消息都被添加到列表的底部时，我想我希望div被滚动到页面的底部。这很有道理对吧？问题1:如何使div滚动到底部？
现在，下一个问题是关于可用性。如果用户滚动起来阅读以前发布的内容，该怎么办？然后突然有人发了新消息？这意味着jQuery将再次向下滚动。这可能会让用户非常恼火。处理这件事的好方法是什么？在添加新消息之前，应该只在滚动条一直向下滚动时才向下滚动吗？如果是这样的话，如何在jQuery中做到这一点？还是有更有用的解决方案？
浏览 3提问于2012-06-20得票数 3
回答已采纳
我希望在更改页面时覆盖Jquery滚动到屏幕顶部。
我需要调整两个过渡：
( a) DOM中已经存在的两个页面之间的转换(参见jQueryMobileRC2.js第2440行)
( b)将新页添加到DOM时的转换
我已经完成了一半:您可以通过重写第2440行后面的4()来阻止(A)。
问题：
在加载新页面时，当我想要覆盖JQM.js时，需要调整ScrollTo中的哪个部分？就是找不到。
谢谢你帮忙！
浏览 2提问于2011-11-12得票数 1
回答已采纳
使用Swup JS，我获得了一个很好的过渡效果，除了一个问题之外，它工作得很好。 如果我向下滚动到页面"A“上的某个点，点击url以转换到页面"B"，我不会转换到页面"B”的最上面，而是滚动到相同或关闭的位置。 我怎么才能让swup js不记得滚动的位置，并把我转到页面的顶部呢？
浏览 74提问于2020-06-21得票数 0
回答已采纳
1回答
在花了一整天的时间试图让一个锚在facebook的标签页上工作后，我放弃了，并寻求帮助:)
在下面非常简单的选项卡中，我们在页面的末尾有一个锚点，它可以将用户带回页面的顶部。
如果我离开iframe滚动条，一切都会正常工作，但如果我用下面的js去掉滚动条：
window.fbAsyncInit = function() {
FB.init({
appId: 'your_app_id',
status: true,
cookie: true,
xfbml: true
});
FB.Canvas.setSize();
};
链接将停止工作，并且不执行
浏览 1提问于2011-10-10得票数 4
回答已采纳
可能重复：
因此，如果进入主题并选择Preview，您可以看到gmail的新布局。它有一个工具条，里面有你的档案，垃圾邮件，删除，移动到..。按钮。它从搜索邮件部分下的静态位置开始，但是一旦你几乎翻过它，它就会直接停留在你的页面顶部。(反之亦然)
我以前在你的页面顶部做过div，但不是从静态位置开始的部分，像任何其他部分一样滚动，然后一旦你滚动过它，它就保持在顶部。
知道这是怎么做的吗？
浏览 2提问于2011-07-15得票数 1
回答已采纳
我可以勉强通过JS/JQuery，我需要一些帮助来修改下面这段代码。它用于将页面回滚到相应元素的顶部，但是网站的标题总是浮动在顶部，因此元素的顶部x像素数最终位于标题下面。我如何编辑它，使它被标题的高度(静态数字)所抵消？
$('html, body').animate( { scrollTop: element.offset().top }, {duration: 400 } );
浏览 1提问于2016-05-25得票数 0
回答已采纳
5回答
我有一个JS来制作一个从页面底部到顶部的平滑滚动，它可以工作：
<script>
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return true;
});
</script>
但是现在我想做一个从上到下的平滑滚动，我尝试了这个：
<script>
$("a[href='#footer'
浏览 2提问于2014-05-24得票数 22
回答已采纳
1回答
我在这个网站上工作：
这是一个只有一个页面的站点，在这里我使用了scrollTo(id) --参见这里的代码：
function scrollTo(id) {
$('html, body').animate({scrollTop: $(id).offset().top - 50}, 1000);
}
问题是，当您尝试按一个链接时，当您在首页顶部，偏移不工作，使您几乎低于您要求的部分(页面)。但是如果你滚动到页面的底部，并按下一个链接，偏移就像一种魅力，它把你放在你要求的每个部分的顶部。
您可以查看我的源代码，我有一个js.js文件，它应该显示我正在使用的所有函数，也许还有
浏览 1提问于2014-09-30得票数 0
回答已采纳
我是个新手(刚刚创建了一些简单的页面)。我想知道我应该什么时候创建自定义组件？在facebook文档上如下所示：
ReactDOM.render(
<Avatar pagename="Engineering" />,
document.getElementById('example')
);
浏览 6提问于2016-08-01得票数 1
我有一个具有此css样式的页脚
position: absolute;
bottom:0;
left:0;
right:0;
width:100%;
background-color:#000000;
color:#ffffff;
text-align:center;
但是，如果我在一个小窗口中打开浏览器(所以没有看到页面的所有内容)，页脚在底部，当我向下滚动时，页脚仍然固定在页面的中间！我该怎么解决呢？
浏览 0提问于2016-04-21得票数 0
1回答
我有以下tex文件：
\documentclass[a4paper,11pt,oneside]{book}
\usepackage[usenames,dvipsnames]{color}
\usepackage[T1]{fontenc}
\usepackage[utf8x]{inputenc}
\usepackage{lipsum}
\usepackage[left=2cm,top=3cm,right=1.5cm,bottom=2cm]{geometry}
\renewcommand{\chaptermark}[1]{\markboth{#1}{}}
\renewcommand{\secti
浏览 3提问于2010-06-13得票数 3
回答已采纳
我正在用MongoDB创建一个web应用程序。现在我正在创建管理页面，使管理员能够添加或删除网站上的项目。在页面上，将添加批量导入功能，可以从本地CSV文件导入内容。问题是如何实现该功能。
最简单的方法是将上传的CSV文件转换为JSON，然后使用db.items.insert([{...}, {...}, ...])语句插入它们。
如果db.getLastError()返回null，则导入成功。没有问题。
但是，如果在大容量插入过程中发生错误，该怎么办？因为没有事务，所以插入的项不能回滚。因此，重试插入将导致文档重复。
解决这个问题的最佳方法是什么？
浏览 3提问于2013-04-25得票数 4
回答已采纳
是一个很长的网页，它使用一个永久的位置:基于代码的固定菜单
但是菜单包含到同一页中的ID的链接，当单击时，固定的滚动菜单会遮挡部分。例如：，你会看到阻止目标文章文本的菜单。请注意，我有，这是我想要的逻辑语法和位置。
有没有办法修改下面的jquery，使页面向下滚动1“，使菜单显示在目标文章之外?我不关心菜单是否覆盖了目标ID文章上方的文章。
CSS:
#sticky {margin:0 auto; display:table}
#sticky.stick {position: fixed; top: 0; margin-left:48px; z-index: 10000; }
JS:
&
浏览 0提问于2012-11-21得票数 1
回答已采纳
我使用的是标准的HTML5 FB插件，一切似乎都很好--直到我在我的网站上看到一个很长的页面，我注意到我的内容中间有两个框，远离Facebook的类似按钮。我在XFBML版本中也遇到过同样的问题。
通过查看生成的按钮的代码，我可以看到div是在div id="fb-root">内部创建的，其样式设置为position: absolute; top: -2000px;。
如果您转到，您可以看到这是在第26行col 2282上创建和设置的。上面写着：ga.style.position='absolute';ga.style.top='-2000px&#
浏览 2提问于2012-04-13得票数 0
回答已采纳
如何平滑地向下滚动到页面的特定部分？
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<a href="#" class="scrollToBottom"><img src="images/godown.png" alt="Down Arrow" width="116"
浏览 2提问于2012-11-18得票数 3
2回答
这就是页面的样子，我想把地图放在表单中坐标字段的下方？我是个新手，所以你们能帮我做到这一点吗？网页的原始源代码已粘贴到下面的js fiddle link中。 <div>
<p class="hilite">Example of code</p>
</div>
<div>
<span class="hilite">More example of code</span>
</div>
.hilite {
background-color: ye
浏览 9提问于2020-04-05得票数 0
1回答
我有这个代码使页面滚动向上和向下，请告诉我如何让它回到滚动位置，而不是向下页面时，我点击向下？
<a href="javascript://" id="toDown">Down</a>
<a href="javascript://" id="toTop">Top</a>
<script type="text/javascript">
jQuery.noConflict();
$(window).scroll(function(){
if($(wi
浏览 2提问于2011-12-10得票数 0
回答已采纳
通过Viewport，我指的是“用户在浏览网页之前看到的__first ”。
因此，当页面向下滚动到第一个视图端口style 以下时，是否可以更改a元素的名称(也就是说，用户已经向下滚动到“页面向下滚动之前可见的部分”时)，还可以更改style属性的值，仅使用CSS3？<code>E 220</code>
如果我使用JavaScript，谁能告诉我是什么触发了background-color的更改--是第一个视图的不可见性(因为当前滚动位置在页面上低于它)、还是第一个视图端口下面的内容外观？
顺便说一句，，我可笑地称之为第一个viewport的网页部分的正确
浏览 0提问于2015-04-04得票数 0
回答已采纳
我有以下jQuery片段
$('html, body').animate({
scrollTop: 178
}, 2000);
我在页面的底部有一些分页按钮，当它们被点击时会触发一个javascript函数。在这个JS函数中，上面的代码片段被调用。
这可以很好地将页面滚动回到菜单上方的顶部，但首先页面似乎会突然跳到最底部(除非您已经在最底部)，然后才会像应该的那样向上滚动？
我正绞尽脑汁试图弄清楚这种行为。
除了给出一个网站的链接，我不知道还能怎么解释：
加载结果后，转到页面底部，稍微向上滚动，然后单击“下一页”按钮。当页面在向上滚动之前向下跳转时，就会发生奇怪的事情。
浏览 2提问于2013-01-03得票数 1
回答已采纳
1回答
我试图使一个立方体出现在页面顶部的css动画和关键帧。但他出现在一开始，只有在动画之后才会出现。我怎么才能让它从上面看起来呢？
我想让它加载页面，两秒钟后立方体就出现了。
<div id="cube"></div>
cube{
position: relative;
left:60px;
width:100px;
height:200px;
background:red;
-webkit-animation-name: cube;
-webkit-animation-iteration
浏览 0提问于2013-02-01得票数 1
回答已采纳
我正在做一个React Table。我有一个列，其中的数据单元格有一个扩展器图标。如果我们单击扩展器，将打开/显示弹出页面/工具提示。
现在我有两个问题- 1.如何显示弹出页面/工具提示相对于单击扩展器的数据单元格的wrt。例如，age有1000行。有分页和页面大小。因此，假设单击第4行时弹出框/工具提示的位置与单击第7行时弹出框/工具提示的位置不同。您看到的黄色小东西是我的弹出页面/工具提示
在我的代码中，无论我单击特定列的哪个行单元格，弹出窗口都固定在相同的位置。
我想知道如何显示弹出页面相对于数据单元格中的扩展器被单击的wrt。基本上改变顶部和左边就可以了。但是我怎么才能实现。
浏览 1提问于2019-01-03得票数 3
我对.scrollTop()有个问题
我有一个页面，它在卸载时存储会话中当前的scrollTop()位置。我的目标是，当我回到这个页面时，页面会滚动到我在上面的最后一个scrollTop位置。
我的JS代码很简单：
console.log('=>'+parseInt(scrollto)+' '+parseInt($(window).scrollTop()));
$(window).scrollTop(scrollto);
console.log('=>'+parseInt(scrollto)+' '+parseInt
浏览 2提问于2011-11-21得票数 0
回答已采纳
我正在使用ncurses编写一个应用程序，它显示在多台机器上运行的测试的状态。它会在屏幕底部显示几个进度条，并在进度条上方显示故障日志。但是，日志可能很容易比终端的其余部分更长。
我想让多余的日志从顶部滚动下来，这样如果用户向上滚动他们的终端，他们将看到日志的其余部分。这就是使用less滚动文件时所发生的事情；它用下一页替换当前视图，但您传递的文本在终端的回滚中结束。
我怎样才能让ncurses做到这一点？
浏览 4提问于2009-11-15得票数 2
回答已采纳
1回答
html导航页-跳转
、、、
我正在创建一个带有导航的网站，导致页面跳转。但是当页面跳转事件被执行时，我的页面将无法正确加载，并且调用的大多数内容都不会加载。这是我的导航的副本：
<div id="navbar-type">
<ul>
<li><a href="#bear-logo" target="_self">BEAR SOUP</a></li>
<li><a href="#fiat-logo" target="_s
浏览 5提问于2014-01-14得票数 0
我有一个图像，我希望将从它的当前位置(最初放置的位置)移到用户单击的另一个地方。我的意思是，当用户点击Html页面中的任何地方时，图像应该移动到那里，我需要将它变成一个移动动画，这样图像应该在3秒内从其当前位置移动到另一个位置(例如)。我怎么能这么做？vanilla JavaScript或jQuery能帮上忙吗？我只是想让这个动画无论如何，但React不能有效地工作在我的笔记本电脑，所以请回答在jQuery或plain JavaScript。
在我的html页面中：
<img src="./wolf.png" alt="wolf" style="w
浏览 4提问于2022-01-10得票数 1
我在jquery的列表视图中有问题。
页面上有几个“李”的列表。
<script>
$("li").livequery("click", function(){
$.mobile.changePage("#detailPage");
});
</script>
....
....
<div data-role="page" id="home">
<div data-role="content">
浏览 2提问于2012-01-06得票数 0
4回答
我在页面顶部定义了一个div元素，在页面底部定义了另一个div元素……有没有办法将第一个div元素(在顶部)定义为位于底部的div元素的子元素。
问题是我在头文件(header.php)中需要一个div in头文件，这个div充当JS的容器，但是一旦加载了数据，我希望它显示在另一个div中。
将JS的加载推迟到页面的中间部分是可取的…
浏览 0提问于2011-06-11得票数 1
回答已采纳
3回答
我正在学习css和js，我看着这个漂亮的导航栏。
但是，当我在测试网站上设置它时，我无法使导航栏居中。text-align不做任何事情，设置margin:auto;似乎也没有任何效果。这是怎么回事，我不能以正常方式将导航栏居中？
浏览 0提问于2014-07-22得票数 0
2回答
默认情况下，我在App/resources/css下面有css
当我打开登录和注册页面时，css不会加载。这是我的app.blade.php上的默认css和js链接。
<script src="{{ asset('js/app.js') }}" defer></script>
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
是我干的
<link href="{{ URL::asset('as
浏览 1提问于2021-02-01得票数 4
这三个静态url有什么不同？
我不确定我是否正确，我正在使用MEDIA_ROOT存储我上传的照片(通过models.ImageField())
但是，我在我的管理员和admin.py中创建了一个JS脚本。我对媒体的定义如下：
....
class Media:
js = ('/admin/custom.js', )
还有我的settings.py
....
STATIC_ROOT = "/home/user/project/django1/top/listing/static"
我将custom.js添加到STATIC_ROOT/admin/cu
浏览 45提问于2014-06-04得票数 104
回答已采纳
3回答
所以，我在做一个Facebook的FBML应用。我想要的很简单。只需在页面中央显示一个div，然后滚动页面即可。也就是说，总是在中心。
使用普通的JS会很容易。我只使用pageYOffset
然而，在使用FBJS的Facebook中，我不确定我应该使用什么。它没有getPageYOffset()..我尝试了getScrollTop()..这似乎不是正确的事情。
所以，有人知道怎么做吗？
浏览 2提问于2010-04-29得票数 0
1回答
我试图熟悉热毛巾SPA模板，所以我尝试在初始页面(home.html)中添加一个adsense (谷歌)，但是当页面在浏览器中呈现时，标签被删除了，有任何提示或帮助吗？当我尝试添加一些社交按钮()时，也会发生同样的事情。
提前谢谢。
浏览 2提问于2014-03-30得票数 0
回答已采纳
2回答
我在somepage.html上有这样的标记：
<div class='someclass' id='hashtag1'>
<h1>somecontent</h1>
</div>
<div class='someclass' id='hashtag2'>
<h1>somecontent</h1>
</div>
<div class='someclass' id='hashtag3'>
浏览 1提问于2012-01-24得票数 1
回答已采纳
1回答
--正如您可以看到的，非常基本的站点--问题是，每次我向下滚动(比顶部低)，然后点击菜单中的“约”，它就会出现并打开only部分，在显示完整页面的视觉工件1-2秒之后。
我在想，这可能与我在控制台加载页面时遇到的错误有关："Uncaught :无法读取undefinedglobal.min.js:42 (匿名函数)的属性'top‘“...but，在JS中的n00b上。
任何帮助都将不胜感激！
谢谢!丹。
浏览 0提问于2014-12-29得票数 0
1回答
我正在对一个使用drupal创建的客户端的站点进行设计更改。看起来像是Drupal7站点。
我已经找到了主题文件。page.tpl.php包含了page-ajaz.tpl.php
该文件包含以下代码
<div <?php print drupal_attributes($attr) ?>>
<?php if ($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') { ?>
<title <?php print drupal_attribu
浏览 0提问于2011-11-15得票数 1
回答已采纳
2回答
我正在尝试为下一个元素创建一个可滚动的ListView，这样它总是位于页面的开头(或中心)(如PageView中)。
我的问题是惯性，一个元素在滚动后向后移动。
如何在没有惯性的情况下实现项目的行为？
代码：
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialAp
浏览 4提问于2020-08-24得票数 0
我有一个位于页面底部的div：
<div id="myDiv"></div>
在执行完JS-function之后，我想转到这个div。换句话说，我想让我的url变成myurl#myDiv并转到我的div。但不需要重新加载页面。如何使用JavaScript做到这一点？不幸的是，我还没有为这个问题找到一个有效的解决方案。我没有使用任何JS库和框架。
浏览 2提问于2012-09-05得票数 7
回答已采纳
我希望在我的页面中保留一个区域，用于上下文敏感的帮助文本。它是空白的，除非在某些特定元素上盘旋。但是，当然，有几个独立的文本可以从中选择可见的选择。这是一个页面流，下面有更多的东西。我尝试使用div“就位”，并将帮助div放入其中。每个帮助div的位置都是:绝对值；顶部: 0px；可见性:隐藏；意图是JS一次使其中一个可见，但是空间将保留给任何帮助div中最大的文本。好吧，你们大多数人都猜到了，因为help div是位置:绝对的，它们的高度不影响包围div的高度，它的高度为零。
我怎样才能做到这一点？我不想使用像素大小来强制设置一个高度，因为在某些浏览器/字体组合中，它几乎总是错误的，并且在每
浏览 1提问于2013-10-25得票数 2
回答已采纳
当我打开一个模态窗口时，它会将背景上下文一直滚动到顶部。例如，我在页面底部有打开模态窗口的链接。当我点击链接时，窗口将滚动到文档的顶部，然后显示模态窗口。我对模态窗口的定位没有问题。我只是不希望滚动发生在它打开页面之前。我主要使用的是来自BS v3 (最新的github)的默认CSS，并且基本上是默认的模式体。我使用JS填充该模式的标签和正文，然后打开它。
<!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" a
浏览 10提问于2014-01-17得票数 9
回答已采纳
2回答
假设我遇到了这样的情况：
该页有4000像素长。
用户已经向下滚动页面，因此在视口上方隐藏了1000个像素的内容。
然后，用户单击一个按钮，任意长度的内容通过页面顶部的AJAX加载，然后按下视口下方的按钮(以及用户正在查看的内容)。
我尝试过编写Javascript回调，以向下滚动到用户单击按钮之前正在查看的内容，但体验并不是无缝的(当插入新内容时，滚动“向上”，然后是回滚“向下”)。
是否有任何方法将视口固定在用户正在查看的内容上？
这是一个简化的例子，但应该能让人明白这一点。
<div style="height: 1000px; width:1000px;&
浏览 6提问于2013-01-09得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
