提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

javascript - angularjs 单页面应用页面滚动到底部的导航跳转新的页面后，不滚动到页面顶部的问题这么解决？

页面滚动到底部的导航跳转新的页面后，不滚动到页面顶部的问题这么解决？

漂亮男人 2017-05-19 10:42:03

在页面导航期间保留滚动始终是一个不受欢迎的功能。

我有一个使用breeze的标准laravel+惯性+vue3设置，正如Inertia文档所说，页面之间的导航应该模仿浏览器默认行为，在页面时重置滚动到顶部负载。但在我的例子中，它不是这样工作的。我的链接中没有preserveScroll:true但无论如何都会发生这种情况。我尝试使用vuejsonMounted()钩子在组件加载时滚动到顶部，但页面立即从上一页的顶部滚动到最后一个滚动位置。所以我停

P粉166675898 2024-01-02 16:00:21

导航到其他页面时，ScrollPosition 未设置为顶部

网页采用主从方式设计。主控具有选项卡（左窗格），单击这些选项卡会在从属（右窗格）中显示相应的页面。例如。master有三个两个选项卡“架构和模板”，其中默认显示架构。用户可以使用左侧窗格中的选项卡（由主页面加载）在这两个页面（由从页面加载）之间导航。现在，当用户滚动到架构页面中的某个位置并导航到模板页面时，滚动位置不会设置为顶部。但是滚动行为是在路由器文件中设置的。constcreateRoute

P粉556159786 2023-08-30 09:07:14

当页面接近结束时，元素必须消失

我有这个JS代码，用于在从页面顶部向下滚动时添加和删除类，但我想要做的是当您接近页面末尾或返回时消失一些滚动后恢复到旧状态（例如，从右：7px到右：-150px）。我复制了相同的JS代码并更改了scrollTop>rollBottom，但它不起作用。jQuery(document).on('scroll',(e)=>{if(document.body.scrollTop>120|

P粉463418483 2024-03-29 23:04:00

使 CSS 适应不同的屏幕尺寸：指南

我有这个CSS代码，我的问题是，由于padding-top（从顶部有一些空间）我的页面太大，导致它具有“滚动”选项，并且不适合整个屏幕。如何才能禁用滚动选项？*{margin:0;padding:0;}html,body{height:100%;}body{color:#444;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;backg

P粉030479054 2023-09-09 00:05:15

如何使用 JavaScript 选择 Bootstrap 分页代码中的所有元素？

我正在为我准备的网站使用Bootstrap。由于溢出滚动条看起来很糟糕，我用CSS隐藏了它，并尝试通过JavaScript用鼠标滚轮滚动分页。当我使用下面给出的代码时，顶部的代码可以工作，但底部的代码却不能。当我在JavaScript代码中给出[0,1]作为索引值时，这一次底部的索引值起作用，但顶部的索引值不起作用。如何使其在同一页面的两个分页上工作？据我从研究中了解到，我可能需要使用let或va

P粉165522886 2024-02-25 23:29:10

CSS行类使某些元素超出框架，而它们应该是静态的并固定在显示器底部

目前我的页面如下所示。添加行类以使两个元素彼此相邻后，底部导航栏被向下推到我必须滚动的位置。在这里，您可以看到另一个没有行元素的页面，其中导航链接完美地粘在显示屏的底部（植物和房间导航元素不应该位于提醒选项卡中（图1），因此请忽略此元素图片2)该页面是可滚动的，并且使我的导航栏保持在正确的位置，但元素的轮廓不正确。所有绿色框显示应位于另一个上方，以及编辑和删除按钮。我尝试使用用于图1的行类来修复此

P粉156415696 2024-04-03 18:48:12

防止scrollIntoView()将容器滚动到页面顶部

我正在尝试构建一个简单的“主要是css”图像轮播，它使用滚动捕捉，但也有导航按钮来控制当前查看的幻灯片。我找到的唯一解决方案是在目标元素上使用scrollIntoView()，它可以满足我的要求，但它也总是将目标元素滚动到页面顶部。我希望目标轮播幻灯片和容器保持在原来的位置，并且我只希望幻灯片水平滚动到视图中。我正在看AdamArgyle的一个示例，他就是这样做的，并且容器保持在原来的位置，我不知

P粉690200856 2024-03-26 20:25:28

保持页面重新加载后，侧边栏菜单中选定项目保持在顶部的方法

我有一个滚动侧边栏菜单。因此，当我选择一个菜单项时，它应该显示在侧边栏的顶部位置。设置活动菜单没有问题。我得到了它。但我无法设置侧边栏的顶部位置。请不要推荐jQuery。而是建议我使用普通的JavaScript这是一些代码参考.sidebar{height:100pxoverflow-y:scroll;}.sidebarulli{padding:30px;}<

P粉955063662 2024-02-17 14:49:08

nginx 配置做反向代理不成功

在 nginx.conf 加入如下代码： {代码...} 在 http{} 中，位置应该没问题，localhost:8000 能够启动，然后 start nginx，打开 www.baidu.com 还是百度的页面，求指导

天蓬老师 2017-05-16 17:10:42

无法在 React 模式中垂直滚动

我正在尝试在我的React项目中显示模式。当模态显示时，我通过useEffect将body的溢出设置为隐藏（否则，它会显示模态下方主页内容的滚动条）。它可以完美地防止背景内容滚动，但问题是我也无法在模式中滚动。主页面代码如下：importReact,{useState}from"react";import{render}from"react-dom";imp

P粉760675452 2023-09-16 11:18:16

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

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

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

javascript - 多个页面共用同一个导航，这个被共用的导航怎么引入可以避免重复

很常见的一个场景，以前都是用php的include引入，前台有哪些方法可以做到？现在引入的库有jQuery、Webpack 想到的有：发Ajax请求，把请求来的页面放到容器中： {代码...} 把导航做成一个jQuery组件，每个用到的...

PHPz 2017-05-19 10:37:36

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

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

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

单击表单中的按钮会导致页面刷新

我有一个Angular表单，其中有两个按钮标签。一键提交ng上的表单-click。另一个按钮纯粹用于使用ng-click进行导航。然而，当单击第二个按钮时，AngularJS会导致页面刷新，从而触发404。我在函数中放置了一个断点，它正在触发我的函数。如果我执行以下任何操作，它就会停止：如果我删除ng-click，该按钮不会导致页面刷新。如果我注释掉函数中的代码，则不会导致页面刷新。如果我使用hr

P粉231079976 2024-01-16 10:54:04

点击按钮将引发表单刷新的行为

我在Angular中有一个表单，其中有两个按钮标签。一个按钮在ng-click上提交表单。另一个按钮纯粹用于使用ng-click进行导航。然而，当点击这个第二个按钮时，AngularJS会导致页面刷新，触发404错误。我在函数中设置了一个断点，它会触发我的函数。如果我执行以下任何操作，它就会停止：如果我移除ng-click，按钮不会导致页面刷新。如果我在函数中注释掉代码，它不会导致页面刷新。如果我

P粉523625080 2023-08-14 20:46:02

将将可拖动DIV的位置存储在HTML表格中，并保存到MySQL数据库中

我想知道我是否/如何能够存储我将可拖动div移动到表格上的位置，因此当页面重新加载时，它将返回到离开的位置（来自MySQL）数据库）。我读过一些相关文章，但都是关于将jquery（事件、ui）与AJAX结合使用的。这是我的代码：varp=document.getElementsByTagName('p');varchoice=document.getElementsByClassName('cho

P粉909476457 2024-02-03 18:37:10

以 2x1x2x1x2 布局排列图像

我想以2x1x2x1x2网格格式对齐图像，如图所示，但随后图像重复，但我似乎不知道如何像这样获得它们。我不太熟悉网格的工作原理，而且似乎无法弄清楚。我让它们变得灵活，并用位置：绝对和东西搞乱了一点，但它们要么一直发送到我的页面顶部，那里是我的导航和东西。就我现在所拥有的而言，所有图像都相互粘在一起，这很好，但它只在一列中。下面的代码继续使用更多相同格式的图像。img{width:50%;}#img

P粉788765679 2024-03-22 09:20:14

如何使文本在单击时变成新元素（如分隔线）？

我正在尝试找到一种方法，使页面上的某些文本在单击时变成分隔符/新元素。我不知道如何解释它，但是就像，想象一个下面带有标题的图像-单击标题，然后上面的图像变得像一个文本框/不同的图像/可滚动的分隔符。我正在尝试实现此处页面的效果，其中单击右侧的头骨表情符号会导致左侧框中出现一个新的div/图像。我正在查看源代码并检查她做了什么来实现这种效果，但我仍然不确定是什么。我正在尝试使用w3schoolson

P粉872101673 2024-04-04 11:21:03

创建一个类似于toast ui主页的导航栏

我的灵感来源我想制作这样的导航栏：Toastui主页我做了什么我尝试尽可能多地复制来实现这一目标。我得到以下信息：我想要什么我想要像这样的（这些是通过图像编辑制作的）：选项1：居中对齐选项2：左对齐我希望链接列表的位置是动态的，具体取决于包含它的链接组的位置。我所做的只是将其左对齐。也就是说，我希望链接列表直接位于包含它的链接组下方，以便获得更好的UI。你能告诉我如何通过编辑我的代码和框来获得这个

P粉619896145 2024-04-01 18:34:38