因此，我有一个相册婚礼网站，我正在做的，一切似乎都很好，除了我有三个画廊。
1)是一个给我的问题，我有一个普通的lightbox blueimp图像，每当一个图像被点击，滚动条被隐藏(这对我来说没问题)，但是当按ESC或X键时，滚动条不会重新激活。
如果我使用blueimp Gallery.js，滚动条就会出现和消失。但第二个视频画廊上的视频根本不再播放。如果我使用blueimp Gallery.min.js(最小版本)，视频显示为一个carousel，但是滚动问题又开始了。
除了disablescroll：!0到!1或hidePageScrollbars：!0到！1之外，我还需要做什么调整吗
浏览 3提问于2015-06-30得票数 0
1回答
我包括了css3动画在滚动：动画是工作的。问题是动画不适用于滚动显示。我使用的是on电-scrol.js。这是我的身体：
<div class="main">
<section class="home animatedParent">
<h1 class="animated swing">I am Leon Laci</h1>
<h3 class="animated swing slower">Front End Web
浏览 2提问于2015-02-09得票数 0
回答已采纳
1回答
我经常使用wow.js或waypoints.js在滚动页面时为元素添加动画。
对于当前项目，我使用snap.js创建了一个菜单抽屉。当使用时，你可以这样划分你的页面；
<div class="snap-drawers" id="right">
<div class="snap-drawer-right">
<!-- Menu drawer -->
</div>
</div>
<div class=&#
浏览 0提问于2015-05-07得票数 3
1回答
我在我的网站上使用水平滚动的页面~在FF中工作很好，但在IE中不行，我如何才能让它在IE中工作？下面是我的html头部的JS：
<script src="js/jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
$("#page-wrap&
浏览 0提问于2010-05-16得票数 0
我有一个带有滚动的网页文档。我想获取当前滚动位置的值，以像素为单位。当我运行下面的函数时，它返回值为零。我该怎么做呢？
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript"&g
浏览 1提问于2012-05-16得票数 76
回答已采纳
希望有人能在这里帮助我，我有一个网站，需要一段时间才能加载，为了成功加载页面上的所有图像，我需要在页面仍在加载时不断向下滚动。我迫不及待地想先加载页面，然后再滚动。
我知道使用下面的代码来滚动到页面的底部，我尝试在获得driver.get(“这里的站点”)的url之前和之后，在一个循环中的单独线程中运行它，以尝试保持页面滚动到底部，直到它完全加载。
JavascriptExecutor js = ((JavascriptExecutor) driver);
js.executeScript("window.scrollTo(0, document.body.scrollHeight)&
浏览 15提问于2016-08-28得票数 1
当我在安卓或iOS设备的屏幕上长按或滚动时，webview中运行的Javascript会暂停。我如何保持js运行，另外，为什么js在这种情况下会暂停？
浏览 1提问于2012-11-19得票数 4
我有3种不同的jquery用法，并将其放入如下代码中：
$(function() {
$("#ticker01").liScroll({travelocity: 0.075});
$(mainContent).corner("10px");
$(".article .thebody").hide();
$("#mainContent .article ul")
.prepend("<li class='readbody'><a href
浏览 4提问于2009-09-13得票数 0
回答已采纳
1回答
平滑滚动抛出意外的未定义属性错误
、、、、
我一直在尝试实现某种平滑的卷轴。我跟随创建这样的滚动：
我试图转换为类型记录/角，但它仍然抛出以下错误--不是当updateScroller() 在 ngAfterViewInit**，中被调用时，而是当我试图第一次滚动到const resized = this.scroller.resizeRequest > 0时--指向const resized = this.scroller.resizeRequest > 0
core.js:9110 ERROR TypeError: Cannot read property 'scroller' of undefined
浏览 2提问于2020-01-30得票数 1
回答已采纳
我试图使用‘向上’和‘向下’按钮的'longClick‘在一个滚动卡。首先，我创建了卡片并将滚动设置为true
var main = new UI.Card({
title: '',
subtitle: '',
body: '',
scrollable: true
});
如pebble.js文档中所述：“当为真时，上下按钮将滚动此卡的内容”
但是，是否仍然可以在longClick事件中使用“上下”按钮，如：
main.on('longClick','down', function(){
浏览 15提问于2014-10-20得票数 1
回答已采纳
1回答
我试图用react-intersection-observer构建延迟加载功能，目标是只在视图中加载图像。
当前，当我滚动到最后一个元素时，它将呈现出所有框的图像。，但是当我向上滚动，最后一个框从视图中消失时，顶部的所有东西都会消失。如果打印出inView，这会在滚动到最后一个元素时转到true，当最后一个元素不在视口时就会变成false。<code>H 210</code><code>f 211<//code>
如何解决此问题，使其只呈现出视图中的框？
演示gif：
我的代码：
App.js
export const AppCon
浏览 23提问于2022-04-25得票数 0
回答已采纳
1回答
对不起，伙计们，我还没有足够的html，CSS知识，所以我需要你的帮助。
HTML结构是
滑块(顶部)
菜单(中间)
内容(底部)
我希望当我向下滚动时，菜单上应该有光滑的动画并保持固定在顶部，当我向上滚动时，Slider将显示，只有菜单应该出现在它原来的位置。
简而言之，我希望像.I这样的动画滑块具有相同的HTML结构。但我不明白它是怎么工作的。
我希望任何现成的js库或使用JQUERY的建议都能帮助您。
(在js小提琴中，我使用了简单的单个图像，但实际上我使用了滑块)
浏览 3提问于2014-05-13得票数 1
我的问题是水平滚动滚动条，这是在窗口内，我使用这段代码，但它滚动窗口的水平条，而不是确切的滚动条在窗口内。
WebElement scroll = driver.findElement(By.xpath("//div[@id='gvLocationHorizontalRail']"));
JavascriptExecutor js = (JavascriptExecutor)driver;
js.executeScript("window.scrollBy(250,0)", "");
浏览 1提问于2016-02-17得票数 6
1回答
我使用Rails、、kaminari和来允许用户过滤和无限滚动电影预告片列表。
无限滚动的工作原理是等待用户在分页div的X像素内滚动，然后使用AJAX将下一个X尾部添加到父div。
<div class="pagination">
<a rel="next" data-remote="true" href="link-to-next-page"></a>
</div>
当页面第一次加载时，无限滚动的效果非常好。但是如果用户先过滤，那么无限滚动就不再起作用。下面是用户过滤时调用的
浏览 0提问于2016-06-24得票数 1
1回答
我已经创建了一个聊天机器人使用超文本标记语言，jsp，css和js，现在我计划有它作为一个脸书信使/any信使在我的网站上，但问题是我无法创建我的聊天机器人作为单独的窗口或在网站的角落对话框，我如何创建为一个单独的窗口，这样当我们向下滚动聊天机器人的位置保持不变，但在背后的网站得到滚动？
浏览 0提问于2018-04-02得票数 0
1回答
我的项目建立在nuxt.js和vue组合api上。
因此，我的滚动事件不会触发，因为我的容器有overflow:hidden。即使溢出被隐藏，我也能让滚动事件被激活吗？
HTML
<template>
<div id="test">
<full-page ref="fullpage" :options="options" id="fullpage">
<div class="title">Title</div>
<
浏览 1提问于2022-06-22得票数 0
回答已采纳
2回答
在React中，我有window.onscroll函数，当向下滚动时，应该激活将setState classAnimation设置为‘that 2’的change函数。
由于某些原因，更改函数没有激活。它给出了TypeError:无法读取未定义属性的“更改”。
我的最终目标是将名为testing2的类添加到state属性中，并在用户向下滚动超过50 to时将屏幕上的文本更改为红色。
帮忙就好了。
APP.JS
import React, { Component } from 'react';
import './App.css';
import Animatio
浏览 0提问于2019-07-29得票数 3
回答已采纳
1回答
我想在Div滚动条上滚动一个Browser同步，当它滚动时，使Div位于Browser滚动条的顶部。附加的图像将解释更多，而Div是黑匣子。
我试过这样的方法，但没有给我所需的
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<style type="text/css">
#box{
background-color: red;
height: 100px;
浏览 1提问于2014-04-30得票数 0
回答已采纳
1回答
我面临的问题是，当用户单击链接时，它会用特定的div将他们重定向到特定的id。
我使用jQuery的平滑滚动功能。
问题是，当我在主页上，然后我点击关于的页面，它通常滚动到那里，当我再次点击关于的链接，页面移动一点点，再次点击，它会恢复正常。
您可以在这里试用它()，所有的代码都在这里()
(预先谢谢:)
编辑:我尝试过使用Chrome的检查工具进行故障排除，我认为问题在于.stick的CSS类，它负责使用JS粘贴导航条。但我不太清楚到底是什么问题，以及如何解决它。
浏览 3提问于2016-08-14得票数 1
回答已采纳
我正在创建一个菜单，当我滚动时会改变他的风格，但是.
这是我的header.js的一部分：(它必须是一个类.)
..。
render(){
return(
<header className={`${this.classHeader}`}>
<nav>
<div>
<ul>{this.navigationItems.items.map((item,i)=><NavItem key={i} data={item} />)}</ul>
</div
浏览 0提问于2018-12-01得票数 0
回答已采纳
1回答
我构建了一个动态加载数据并显示数据的应用程序。在模拟器(Torch 9800 v.6)上一切正常，但在真实设备上(和模拟器一样)，我有一个非常奇怪的滚动问题-应用程序中的滚动缓慢且跳动。没有JS或一些线程在后台运行，所以滚动就可以了。我用简单的overflow-y:scroll实现了滚动条本身。
浏览 1提问于2012-01-25得票数 3
回答已采纳
1回答
我想在页面上的文本列表中添加一个连续的循环滚动。因此，当用户到达列表的最后一项时，第一项将直接显示在滚动过程的下方，等等。上下滚动就太好了。滚动将出现在页面上，而不是列表的父容器上。
我知道面向jQuery的解决方案，如：，但我希望使用普通的JS解决方案来避免性能开销。
下面是HTML示例：
<div class="wrapper">
<ul class="loop">
<li>List item 1</li>
<li>List item 2</li>
<l
浏览 0提问于2018-01-30得票数 5
回答已采纳
我的目标
我正在尝试实现这个滚动轮/鼓/ios日期选择器样式元素。它将放在顶部，并将切换整个页面，从给定的一天加载内容。该页面本身是可滚动的，但是，我也希望日期选择器轮毂是可滚动的和可拖动的，这样它可以同时用于桌面和移动设备：
我找到了什么
下面是一些我正在寻找的功能的好例子：
(阻塞在付费墙后面，元素本身也不是很customizable) (这个元素使用Vue.js)
显然，其想法是只有一列，空格日期元素，并翻转它的水平，如上图所示。这是我在桌面和移动设备上发现的唯一的工作示例。
我试过什么
我遇到的其他每一个例子都使用一个框架，或者只为iOS/Android构建。我尝试通过修改
浏览 15提问于2022-10-12得票数 0
4回答
我有一个调用另一个方法的方法(在ajax加载时，但这与这个问题无关)。我想把参数传递给这个方法。这怎麽可能？
下面的页面应该在点击按钮时滚动到id 25 (滚动区域是动态添加在代码背后的。这只是我试图实现的一个例子。)
JS
<%@ Page Language="C#" Inherits="APTEIT.scrolltest" %>
<html>
<head>
</head>
<body>
<script type="text/javascript">
functio
浏览 3提问于2012-06-15得票数 0
回答已采纳
当用户将鼠标悬停在输入上并上下滚动时，我希望输入元素中的输入值发生变化。我尝试过在输入中添加on涡旋监听器，但它似乎什么也不做。我想使用普通的JS，但我愿意使用jQuery。谢谢你的帮助。
Clarification：我不想使用上下按钮。我想要使用能够悬停在输入，然后滚动，在变化，增加或减少输入值。也许需要使用容器div？
HTML
<input id="my-input" type="number" min="0" max="100" />
CSS
#my-input {
width: 50px;
heig
浏览 3提问于2016-03-14得票数 1
回答已采纳
2回答
为文本创建一个摆动效果
、、、、
因此，我想要发生的是，当查看跨度时，文本是正常的，但是当您向下滚动时，它开始移动，直到看起来是这样的：
在生效之前：
当影响发生时：
标题由每个字母的跨度表示。在初始状态下，每个像素的顶部值为0。但是，正如前面提到的，随着滚动值的变化，这种情况也发生了变化。
我想通过JS和jQuery跟踪滚动位置，然后根据需要更改像素值。但这就是我一直困扰的地方。另外，另一个问题是让它顺利进行。
浏览 8提问于2017-09-20得票数 1
回答已采纳
以下是我的场景：
我有一个页面与分页和无限滚动增强
该页面有一个项目列表，其中每个项目在smarty中如下所示
<div id="link-{index}">
<div align="left"><a href={$url}></div><div alight="right"><img src="" id="{$url}"></div>
</div> <script>imager({$url});</s
浏览 0提问于2012-10-27得票数 0
3回答
我遵循本教程实现了在滚动：时隐藏工具栏和FAB的行为。
我已经贴上了下面行为的演示。
现在，不再是标签中仅包含一个textView的回收视图中的单个项目，我已经对其进行了编码，这样它们就可以保存一张图片(ImageView)，下面是一个显示物品列表的回收视图。
因此，有一个外部回收视图，其中包含一个内部回收视图的清单。
内部回收视图不滚动-我通过重写canScrollVertically()：方法，按照这个线程中的答案禁用了它。我还试着为内部回收视图启用滚动，但我也遇到了同样的问题。
外部回收视图确实滚动并具有显示/隐藏工具栏和FAB的行为。
当我按住图片(ImageView)滚动时
浏览 2提问于2015-08-29得票数 10
回答已采纳
3回答
我试图通过设置.mCSB_dragger的宽度来增加滚动条的宽度，如中所描述的那样。但是滚动条的宽度保持不变。
$('#container1').mCustomScrollbar({
theme:"dark-3"
});
$(document).on('click', '.participants li', function(e){
});
#container1 {
height:200px;
width:100px;
padding:5px;
bor
浏览 2提问于2018-10-04得票数 0
回答已采纳
我有一些按钮，我想显示时，滚动在页面上，我已经使用scrollTo.js动画滚动时，单击锚。
为了显示和隐藏按钮，我只是简单地添加和删除一个类“隐藏”。
所有操作都很好，除非您一次滚动一段很长的距离到顶部:当我这样做时，我可以看到，只要到页面顶部的距离小于282 as，就会添加类“隐藏”，但是在这个类被再次移除之后，按钮就会显示出来。如果我只滚动一点点，类就会再次正确地添加。
是什么导致了这种行为？
JS
var $nav = $('nav');
var $content = $('#content');
var $toTop = $('#to-top&
浏览 3提问于2016-10-14得票数 0
回答已采纳
现在的情况是，我们在弹性搜索的解决方案中有两个簇，一个在一个节点上，另一个在另一个节点上。如果平台是以循环方式设置的，滚动API会在这种情况下工作还是会被混淆？它似乎适用于第一个滚动，但是第二个滚动在search_context_missing_exception上失败了，这让我相信这是一个循环调度的问题，在多个集群和/或节点上运行滚动请求。有什么想法吗？
浏览 17提问于2020-06-15得票数 0
回答已采纳
是否有任何方法可以使用Error工厂创建JavaScript对象，而不包括堆栈中工厂的行？
例如，这是：
if (!member) {
return next(errs.init('Invalid email address.', errs.UNAUTHORIZED));
}
..。产生这种情况：
Error: Invalid email address.
at Object.init (/.../bin/utils/errors.util.js:21:16)
at Query.<anonymous> (/.../routes/auth/aut
浏览 2提问于2016-05-12得票数 1
回答已采纳
使用Swup JS，我获得了一个很好的过渡效果，除了一个问题之外，它工作得很好。 如果我向下滚动到页面"A“上的某个点，点击url以转换到页面"B"，我不会转换到页面"B”的最上面，而是滚动到相同或关闭的位置。 我怎么才能让swup js不记得滚动的位置，并把我转到页面的顶部呢？
浏览 74提问于2020-06-21得票数 0
回答已采纳
1回答
当用户滚动时，我尝试使用JS加载Ad代码。守则是：
<script type='text/javascript'>//<![CDATA[ var la=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===la||0!=document.body.scrollTop&&!1===la)&&(!function(){var e=document.createElement
浏览 1提问于2021-05-02得票数 1
回答已采纳
3回答
我想使用JS滚动到网页的底部，然后在网上查看，大多数人说要使用
window.scrollTo(0,document.body.scrollHeight);
然而，我想要向下滚动的页面在您到达底部时会改变其高度(它会不断加载越来越多的页面)，因此它的高度不是固定的。最终的高度也是不同的(因此我不能只滚动到页面的最终高度)，所以我需要一些滚动的方法，直到它确定它已经到达底部(它不能再滚动了)。
浏览 1提问于2018-01-08得票数 1
1回答
具有流体高度的JS滚动条
、、、
我想让div的滚动条具有流畅的高度：
section {
max-height:70%;
overflow-y:auto;
}
我发现了两个轻量级的代码片段: Jquery插件()和纯JS插件()。问题是这些代码片段不接受高度的%值。例如，对于tinyscrollbar，我必须这样写：
section .viewport {
width: auto;
height:440px;
overflow: hidden;
position: relative;
}
如果我输入"height:100%;“或"height:auto;"，内容就会消失！为什么它接受px而不是%？我想
浏览 3提问于2012-11-11得票数 0
我有一个简单的工具栏，在右边有一个信息图标项目。单击该项目时，我希望用动画展开工具栏。有一个新的视图和一个FAB按钮。就像特发短信一样。
当单击扩展工具栏外时，我想要显示工具栏。
我看如何用CollapsingToolbarLayout来处理这件事？有可能吗？我在web上找到的所有示例都是通过视图的滚动(回收视图、滚动视图等)来折叠/扩展的。但是我不希望我的工具栏在滚动我的视图时移动。
这是使用CollapsingToolbarLayout的好方法吗？还是我需要自己一个人去做？
浏览 1提问于2016-01-07得票数 1
回答已采纳
2回答
我使用的是Snap.js插件--(它允许你创建滚动的侧边抽屉/面板)。
它的工作原理是创建3个绝对定位的div，其中一个包含主要内容。
当div本身位于绝对定位的div中时，有没有办法定位固定在窗口顶部的div。
目前，我只是将固定的div固定在绝对定位的div的顶部，而不是浏览器的顶部。当我滚动时，div仍然固定在主要内容的顶部，而不是窗口。
例如：
<div style="position:absolute;">
<div style="position:fixed;top:0">
<!-- some c
浏览 1提问于2013-06-10得票数 11
回答已采纳
1回答
我们如何在切换路由的同时重新创建模板？
例如，我有订阅者模板。它检测用户滚动到显示器并订阅更多数据的时间。它需要几个参数。
amazing_page.html 示例：
{{#each}}
{{amazing_topic}}
{{/each}}
{{>subscriber name='topics' count=5}}
subscriber.js
//粗略示例代码
Template.subscriber.onCreated(function() {
var self = this;
var type = Template.currentData().name
浏览 2提问于2016-08-17得票数 0
我正在尝试遵循谷歌()建议的AMP指南，但是一旦我添加了他们的js脚本，jQuery滚动就停止工作了
有人知道为什么和如何修复它吗？
浏览 2提问于2016-02-05得票数 4
我面临一个问题，我已经使用自定义滚动从JavaScript，这将计算块的宽度和高度从JS。问题是，当视图减少时，特定的块就会被隐藏起来，因此如果窗口的大小增加，带有自定义滚动的块将不会出现，因为它无法计算当前的宽度和高度。如果我刷新页面，它就能正常工作。有什么可以让我在不重新加载页面的情况下刷新这个特定的块吗？这里是站点的新副本的链接。尝试将其调整到移动视图，然后返回到桌面版本，您将注意到隐藏的右列和左列，但是如果刷新页面，它可以正常工作。提前谢谢你。
浏览 1提问于2015-12-08得票数 0
回答已采纳
1回答
每当我们从弹性搜索集群中删除一些项目时，我们是否应该每次都清除滚动？如果我们不这么做，它会产生什么影响？
我在一些示例代码中看到，为了删除，在删除项目之前，它首先搜索元素，然后清除滚动。
浏览 0提问于2019-08-30得票数 3
回答已采纳
1回答
问题:当显示数据高于窗口高度时，滚动将关闭图标移出页面。我想让它粘稠，这样你就可以选择关闭页面，而不滚动回顶部。
我尝试过将基金会6 .sticky示例加载到显示中，但我的尝试都没有成功。
这就是我认为应该工作的东西，它通过ajax加载到显示容器<div id="modal2" style="height: 100%"></div>中。不幸的是，关闭按钮只是滚动与内容。
<script>
// this script cannot be located in the layouts.js,
// becaus
浏览 6提问于2016-07-30得票数 0
$(document).on("scroll",function(){
if( window.pageYOffset > 0 ) {
$("body").addClass("scroll");
}else{
$("body").removeClass("scroll");
}
})
@keyframes fade {
0%,100% { opacity: 1 }
30%,70% { opacity: 0 }
}
.logo{
animation: fade 0.7
浏览 3提问于2017-06-08得票数 0
3回答
我的页面是屏幕高度的2倍(大小取决于页面上的其他项目)。我想在屏幕中间显示一个绝对定位的跨度，而不考虑滚动位置。
我在点击按钮时应用了以下样式，但是如果我一直向下滚动，元素会显示在页面的最顶部，因为它从整个页面的顶部开始计算50%。
.Centered {
width: 100%;
position: absolute;
top: 50%;
left: 45%;
}
如何根据单击按钮时的滚动位置将元素定位在页面中间？
谢谢。
浏览 0提问于2009-02-26得票数 3
回答已采纳
1回答
我正在用AngularJs制作一个菜单，我想要的是，点击这个项目，页面将滚动到单击项目的部分。我的代码如下：
script.js
var app = angular.module('allApps',['ui.bootstrap']);
app.controller("menuCtrl",function($scope, $location, $anchorScroll){
$scope.menuItems=[
{page:"Biography", id:"bio"
浏览 3提问于2016-04-03得票数 0
我正在尝试获取滚动上的数据，并填充一个"Article[]“数组。
httpLoadArticles() {
this.httpWSGetInit().subscribe(
articles => this.articles = articles,
err => {
console.log(err);
浏览 2提问于2016-11-21得票数 2
回答已采纳
好的，我正在编写一些代码，其中chrome忽略了两个固定元素的z索引，而我希望落后于另一个元素的元素不起作用。
我创建了这个fiddle：来独立于我的其他项目进行测试，以找出问题所在，但是这个(使用完全相同的js、css和html)并没有复制我的问题，它的行为就像我想要的那样。
下面是js：
$(window).scroll(function() {
$("#topFixed").css({
top: "0px",
left: "0px",
width: "100%",
position:
浏览 1提问于2013-02-23得票数 0
回答已采纳
3回答
我正在创建的站点有一个框，里面有多个可滚动的框。还有一个图像，需要与用户一起向下滚动，而他们滚动。
我使用滚动事件进行此操作，每次滚动div时，我都会将(页面下面的元素)的顶部位置更改为包含div的scrollTop。
问题是，有时元素似乎会闪现，然后回到正确的位置。
我认为这与滚动事件有关，而不是触发滚动的每个像素，但我不确定。
我有一个关于jsfiddle的非常简单的例子，这样您就可以看到实际的问题：
JS:
jQuery('#pageWrap').scroll(function(){
jQuery('#follow').css({
浏览 2提问于2013-05-28得票数 2
回答已采纳
在一个页面上，我有两个独立的ng网格，可以无限滚动，在ngGridEventScroll上加载服务器端数据。
scope.$on('ngGridEventScroll', function(event) { ... });
每个网格都会进行自己独特的服务器端调用，以加载特定于每个特定网格的数据。
但是因为我不能‘命名’ngGridEventScroll，所以两个网格在任何一个网格生成滚动事件的时候都会触发。
如何将ngGridEventScroll事件的作用域设置得更具体，以便每个网格只能侦听其滚动事件，而不能同时侦听两者？
浏览 2提问于2014-05-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
