提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

实现针对特定部分的页面内垂直滚动而不移动整个页面

我已经在一些页面上看到过这个效果：你向下滚动，但页面本身似乎一动不动。因此，一些元素会淡入或淡出，出现或消失。我有一个包含5个卡片的部分。现在我想要创建相同的效果。当我向下滚动到该部分时，我希望通过上下滚动来导航该部分。根据我目前所在的位置，我希望显示或隐藏一张卡片。我开始给该部分添加了overflow:scroll，但之后我就没有更多的想法来创建这个效果了。

P粉946437474 2023-08-15 19:29:46

css3 - 随着滚动条下滑，页面的每个部分随之出现效果是怎么做到的

看了一个网站，随着滚动条向下滑动，页面的每一部分都出现了首次加载时的效果之后如果再次刷新才会重新出现这些效果，这是怎么做到的呢？是写在jquery的load里面吗类似这个网站的首页这样http://www.itxdl.cn/bra...

漂亮男人 2017-06-05 11:10:23

javascript - vue如何做新闻列表上下滚动的效果

循环播放的这是data部分 {代码...} 这是我目前的代码，只能循环切换，没有动画效果 {代码...}

淡淡烟草味 2017-05-19 10:43:20

javascript - scroll滚动问题

1，https://www.kayak.com.hk/holi...主要效果就是这个网站的效果。当滑动滚动条的时候，右边的div会向下滚动，这时候左边的div也会跟着滚动。但是由于左边的div太长，所以要隐藏最上面的一部分，这个效果实现。...

过去多啦不再A梦 2017-06-26 10:55:45

javascript - 滚动轴顺滚与回滚，为什么产生的效果不一样？

当滚动轴顺滚的时候，产生的效果是合理的，就是到达指定的位置，就让对应的序号变色，但是当滚动到底部的时候，再往会滚动的时候，就会出现没到指定区域的顶部，对应的色标已经变色了，从我底下提供的代码，html:...

某草草 2017-05-19 10:25:51

javascript - 怎么让页面中固定定位的侧边栏的位置随着滚动条动态增加呢？

需求是这样的，一开始页面的侧边栏是固定在页面的某一位置（如：right:0;bottom:0）,随着滚动条的滚动，为了防止侧边栏折叠页脚部分（参考下图），到一定位置，bottom的值随身滚动条的增加而增加，效果类似起点中...

高洛峰 2017-06-26 10:53:43

javascript - 移动端上不能实现拖拽布局吗？

如果在移动端把第一个div和第二个div交换，，body会滚动下拉。目前就没有思路，不想造轮子。有没有像http://www.jq22.com/demo/drag...这种效果？ {代码...}

曾经蜡笔没有小新 2017-06-28 09:29:02

javascript - load方法刷新滚动条错乱

我用load引入了两个公共样式（头部和尾部），然后从这个页面中间部分，用ajax获取了本地json的数据加载了一些内容图片，结果从ajax内容上面刷新每次刷新页面滚动条往下滚动一点从ajax内容下面刷新每次刷新页...

学习ing 2017-07-05 10:50:21

仅当在视口中时Javascript滚动IntoView

我制作了一个模型（请注意，它使用间隔，因为它在视频播放时滚动到新文本行）。我正在使用带有块的scrollIntoView：'nearest'。问题是，由于整个页面都有滚动，它仍然滚动页面。我只是希望它滚动到linesdiv中的活动文本行（它不必在视图中）。因为如果我正在查看“video”div，它将继续向下滚动（这是不需要的行为）。vartext=document.querySelector('.

P粉011684326 2023-09-11 16:33:49

在 React 中附加到 div 的顶部而不弄乱滚动状态

我在反应时遇到问题。我正在尝试实现一个简单的可滚动div，其中包含很多子div，可以通过水平滚动查看。基本上每个子div对应一天。用户在第一次查看有关当天和接下来几天的信息时加载该组件。但是，如果用户滚动（向左或向右），我希望能够附加更多信息，实现某种“无限滚动功能”。当我尝试在父div的末尾附加新的子div时，我没有任何问题。然而，当我尝试在父div的开头附加新的子元素时（例如，用户想要查看前几

P粉217629009 2024-03-19 19:13:46

如何使光滑的滑块连续自动播放，但在箭头/点单击时加速滚动？

我想制作一个连续自动播放的滑块。它工作正常，但箭头和点看起来无法正常工作。我不确定应该更改哪些设置，但我希望滑块在单击箭头或点后立即滚动。我尝试使用下面的代码更改一些设置，但似乎没有任何效果。当speed设置为6000自动播放具有完美的计时，但在单击点/箭头后滚动时使用相同的慢速，这种行为是不需要的（它应该立即滚动到所选幻灯片）。您能帮助我了解我应该做什么来实现我的目标吗？$(document).

P粉956441054 2024-03-25 21:20:33

javascript - 详情页回退列表页如何记录用户浏览位置并更新局部视图？

angular做的单页应用，类似与贴吧论坛之类。现在用户浏览列表页滚动到底部就会自动加载下一页数据，如果用户点击进入查看详情页在回退回来，那如何记录用户浏览位置并且更新一些局部视图呢（比如帖子的浏览量和评...

学习ing 2017-06-26 10:56:45

javascript - 一个click事件的bug不知道哪里出错了

1、当图片滚动嘴右侧后，再快速点击左侧箭头时，放大镜功能失效，其它情况下貌似随便怎么点都没有问题。查不出哪里出问题了，使用了stop(),和clearQueue()，也没有效果 html代码 {代码...} css {代码...} jQuery...

ringa_lee 2017-05-18 10:59:14

javascript - 怎么修改css，就可以实现这样的效果

现在实现的效果是：我想下面不要滚动条，红框内的完整的显示在弹出框的右边，这样怎么实现？类似下面：（这个是ps的）下面是我的代码，需要做怎么样的修改，就可以实现上面的要求？谢谢！！下面是代码：html...

学习ing 2017-07-05 11:06:58

Vuejs v-for 在无限滚动时非常滞后

我有一个奇怪的vuejs效果，当我添加新的对象数据时，v-for会重新渲染所有对象，即使它已经渲染了。我正在实现像face book一样的无限滚动。代码为了解释这段代码，我从firebase获取新数据，然后当数据到达屏幕底部时将其推送到数据对象中varvueApp=newVue({el:'#root',data:{postList:[],isOkaytoLoad:false,isRoomPostE

P粉301523298 2023-12-28 18:00:08

CSS 背景渐变不覆盖整个页面（包括可滚动内容）

我在HTML文档中遇到CSS背景渐变问题。我设计了一个使用线性渐变作为背景的页面，并将其设置在body元素上。我面临的问题是，渐变似乎在屏幕最初结束的地方结束，即使有更多内容需要滚动。因此，当您向下滚动时，渐变的第二个实例似乎会重新开始。这是我当前的CSS(SCSS)代码：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09

如何在HTML中实现元素的层叠效果？

我想为这个元素制作一个自定义的工具提示，但是它被包含在一个框中，这个框没有足够的空间来显示工具提示，所以它只是被裁剪了（实际上我可以滚动来显示它，因为overflow被设置为auto，但是我希望它能够在不滚动的情况下可见）。有没有办法让它超出边界显示？我尝试过使用z-index但没有效果。这就是我所说的：.box{width:100px;height:100px;overflow:auto;bor

P粉486138196 2023-08-28 16:39:50

窗口中的内容溢出阻止滚动并隐藏新内容

我目前正在构建一个轮盘系统程序（这更多的是为了阻止我下注而不是下注！）并且我只是在做基本框架，但已经遇到了主窗口“#results”不滚动的问题充满了结果。滚动需要跟随最新的内容行，因此从模式框中输入返回的最新内容始终显示在底部。我花了几个小时研究许多可能的解决方案，但都无济于事。这是代码：（对于完整脚本的长度，我深表歉意）<!DOCTYPEhtml><html><b

P粉106715703 2024-04-03 21:24:55

javascript - node如何关闭主进程后打开另一进程？

虽然感觉这个需求有点不符合正常逻辑，但是我需要实现的是，一个自动更新的效果，从服务器下载的ZIP，压缩到另一文件夹，然后打开新版本前，关掉旧版。因为是基于NW.JS，不支持多窗口预览，所以开始新的进程（Nw...

習慣沉默 2017-05-16 13:45:05

Laravel 9和Livewire验证：除非更新，否则唯一性验证

以下验证在创建新记录时有效，但在更新记录时，partner_code和seedgens_code会陷入unique验证中。如果未更改，如何允许使用相同的值更新记录，但在值发生更改时仍验证唯一性？$this->validate(['partner_code'=>'required|unique:varieties','seedgens_code'=>'required|unique

P粉691461301 2023-11-09 17:41:05