腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
XTheme中粘性标题的不同徽标
jquery
、
sticky
当我开始向下滚动页面时,我使用此代码来给我一个不同的粘性徽标。 jQuery(function($) { $(window).scroll(function() { if ($('.x-navbar').hasClass('x-navbar-fixed-top')) { $('.x-navbar-fixed-top .x-brand img').attr('src', 'http://placehold.it/120?text=Secondary+Logo!'); } else {
浏览 2
提问于2018-02-12
得票数 0
回答已采纳
1
回答
在类更改时,使用jQuery更新HTML属性
jquery
、
html
我使用的WordPress主题添加了两个徽标,一个是在站点加载时是深色的,另一个是在滚动时激活粘性导航时的浅色徽标。当粘性导航处于活动状态时,类‘scroll’被添加到包含div 'scroll_header_top_area‘。 如果我已经向下滚动了页面,并且粘滞导航处于活动状态,并且我刷新了页面,但它在滚动时不会动态切换徽标,则下面的代码可以正常工作。 我已经看到了使用的建议,但恐怕我不能理解示例或如何在这里使用它。 我如何根据“滚动”类是否处于活动状态来更改此代码以使更改动态进行。 if ( $j('.scroll_header_top_area').hasCl
浏览 6
提问于2017-07-15
得票数 2
回答已采纳
1
回答
当滚动起来时,动画片的粘性听起来并不流畅
jquery
、
css
此粘性菜单将标题(徽标)显示在左侧,导航显示在右侧。当你向下滚动动画是平滑的,但当你向上滚动导航是有点不稳定,而不是作为标题。 动画由CSS3完成。 transition: all 0.4s ease; JQuery仅用于添加类: $(window).scroll(function() { if ($(this).scrollTop() > 1){ $('header').addClass("sticky"); } else{ $('header').removeClass(
浏览 2
提问于2015-04-07
得票数 0
回答已采纳
2
回答
CSS位置粘着-添加粘性元素和父元素之间的空间。
css
、
scrollbar
、
overflow
、
css-grid
、
sticky
我为我的应用程序做了以下布局: <div class="app-container"> <header>header </header> <main> <mat-sidenav-container> <mat-sidenav [mode]="'side'" #sidenav>sidenav sidenav sidenav</mat-sidenav> <mat-sidenav-c
浏览 2
提问于2019-07-02
得票数 2
1
回答
向下滚动时切换徽标
php
、
jquery
、
html
、
css
、
wordpress
我有一个相对高的标志在一个WordPress为基础的网站。 当用户向下滚动时,标题部分变成一个粘性的固定区域,并且总是显示在顶部。 当用户滚动通过某个位置时,我是否可以用另一个徽标(这是一个水平的、较小的版本)替换徽标? 我做了一个快速搜索,似乎找不到任何类似的问题在论坛。 这是header.php文件中显示徽标的当前代码: <div class="logo-container"> <a <?php echo $img_logo? '' : 'class="text-logo" '; ?>id=&
浏览 1
提问于2015-02-18
得票数 0
回答已采纳
2
回答
如何在检测到特定类时隐藏/显示div (在滚动时)?
javascript
、
html
、
css
我有一个粘性标题,向下滚动后会得到一个额外的.header-scrolled类。当标题向下滚动时,我想更改标题中的徽标。 以下是我的简化HTML: <header class=".header-sticky"> <div class="logo1"> <img src="../image1.jpg"> </div> <div class="logo2"> <img src="../image2.jpg"> &l
浏览 28
提问于2019-01-17
得票数 0
3
回答
jQuery:调整窗口大小时检测元素的高度
javascript
、
jquery
我需要在以下问题上的帮助。 我正在创建一个响应站点。它的结构是相当基础的:页眉、导航杆、车身和页脚。 在标题中,我有几个元素,所有这些元素都使用百分比来表示它们的尺寸,所以标题的高度是由其内部元素的高度决定的。 对于导航栏,我计划使用一个“粘性”脚本,所以当你滚动页面时,导航条‘粘’到页面的顶部,一旦你一直往上走,它就会“不粘”并出现在标题下。 到现在为止还好。 问题是,粘性脚本取决于标题的高度,以便正确地将导航条放在标题下。因此,当我调整窗口的大小以测试布局的响应性时,粘稠的导航条就会发疯。 我需要一种方法来检测头部的高度,并通过在<header> ie上创建样式来修改DOM。(
浏览 9
提问于2012-09-29
得票数 0
回答已采纳
1
回答
Wordpress - avada主题,草率标题和徽标跳出粘性标题
javascript
、
jquery
、
css
、
wordpress
我有一个网站,我正在做一些调整和一切都做了,除了一些标志/标题问题。 我有一个带有动画的粘性标题,这使得它创建了一个小尺寸的带有新徽标的粘性标题,但是粘性标题动画有点不稳定,如果您快速回滚,徽标就会从标题底部跳出一秒钟。它看起来对用户来说真的很奇怪。 该网站在,您可以滚动页面,并看到它的行动。 我在avada er.js文件中更改了animationDuration,这有点帮助(从300 ms到100 ms),但是对于这个问题是否有更明确的解决方法呢?我以前见过很多光滑、粘稠的头部动画,所以我确信有一种很好的方法可以做到这一点,我不知道。
浏览 0
提问于2017-07-16
得票数 0
回答已采纳
2
回答
JS:有没有一种方法可以在单击函数中调用滚动函数,或者将两者结合起来?
javascript
、
jquery
、
navbar
、
sticky
我的页面有一个粘稠的肚脐条,它的“粘性”工作很好,但是导航条的两个主要内部元素*的行为并不明显。两个主要的内部元素是徽标和滑出导航条(点击激活)。打算采取的行为如下: 在默认情况下,徽标必须“隐藏”,只有当用户从文档顶部滚动到80 by (或从顶部滚动到80 by)时才可见。 徽标必须在文档顶部的80 of内立即隐藏用户滚动。 然而,徽标绝不能同时出现在滑出肚脐上。然而,当肚脐不活动的时候,它必须再次可见。 与徽标不同,导航条图标必须始终是可见的,并且 就像标志一样,一定是粘粘的。 在中,所有预期的行为都会显示出来,但只限于滚动,而不是单击。即。在滚动超过80 to后,
浏览 1
提问于2016-02-03
得票数 1
回答已采纳
2
回答
错误反应Android上的本地Sticky标题
android
、
listview
、
react-native
我对在RN上使用粘性头很感兴趣,但它们没有--而且在iOS上也是如此。 根据官方文档,他们声称支持整个RN的粘性头,而不偏袒iOS。 具体来说 renderSectionHeader函数 (sectionData,sectionID) =>可呈现 如果提供了,则会为本节呈现一个粘性标头。粘性行为意味着它将滚动部分顶部的内容,直到到达屏幕顶部,此时它将坚持到顶部,直到下一节标题将其从屏幕上推开。 你看到有什么词说它只适用于iOS吗? 在Android上,粘性标题不起作用。 根据官方的bug报告文档, Facebook正在宣传他们不会在Android上实现粘性标题,“因为我们内部不需
浏览 2
提问于2016-09-29
得票数 0
1
回答
滚动时更改Wordpress徽标
jquery
、
html
、
css
、
wordpress
网站为 我使用的是wordpress 4.9.4版 我喜欢在主页上使用白色的PNG徽标。如果我滚动,我喜欢更改为黑色的PNG徽标,因为白色粘性菜单。我使用下面的代码成功了。我现在唯一的问题是我现在向后滚动,它不会再变回白色的PNG徽标。有人能帮帮忙吗?提前谢谢你。 <script type="text/javascript"> jQuery(function($) { $(window).scroll(function() { if($('.logo-container').hasClass('shrinked'
浏览 0
提问于2018-03-23
得票数 0
1
回答
在移动上加载不同的徽标
logo
我正在为一个慈善机构创建一个网站,但没有太多的经验。 如果您在桌面(https://walkministries.org.uk/newsite/)上查看网站,则该徽标在浅灰背景上是蓝色的。 但是,当您切换到移动,标志移动到一个不同的标题区域。在手机上,它会加载到蓝色背景上。这使标志消失,因为它是相同的颜色与背景颜色。 是否有方法为移动/响应加载不同版本的徽标?我有一个轻/白色的标志版本,这确实显示在粘性模式时,你滚动在手机上。当你第一次在你的移动设备上加载页面时,它不会加载那个徽标。 我似乎无法从主题创作者那里得到帮助。 谢谢! 我需要帮助的页面:https://walkministries
浏览 0
提问于2021-11-17
得票数 0
2
回答
具有(半和或)可隐藏标头的ListView
android
、
android-listview
、
custom-controls
、
google-play
我的问题是,我甚至不知道要搜索什么。 我想要一个ListView。这个ListView有一些具有“粘性”状态的元素。 如果我向下滚动设备上的列表,我希望所有状态为“粘滞”的ListElements都粘滞在列表顶部(不可滚动),直到有另一个“推开它”。其余的元素应该像往常一样滚动。 我在谷歌市场上看到过这样的列表。如果你有一个大屏幕,你可以在左侧的任何应用程序的详细信息视图中看到该列表,或者如果你有android JB,在google now应用程序的谷歌搜索栏上也可以看到同样的效果。 图一:您可以在左侧的上看到正常的ListView 图二:你可以看到普通的ListView向上滚动了一点: 图三
浏览 0
提问于2012-09-10
得票数 3
回答已采纳
1
回答
如何将粘性标题添加到带有下拉过滤器的引导表中?
javascript
、
html
、
css
、
twitter-bootstrap
、
bootstrap-table
我试图使用引导表,并给它一种"Excel感觉“。具有快速筛选列的选项,该选项基于内部值进行筛选。但是,我似乎无法使它与粘性标题一起工作,对于粘性标题有一个引导表插件(data-粘稠标头=“true”)。 我试着用引导5下拉列表创建一些东西,并将它附加到标题上,它工作得很好,但是当粘性的标题被激活时(滚动头部脱离视图,使其启动),过滤器和下拉列表就停止工作了。 这里是,您可以看到它运行良好,直到您尝试向下滚动。 也许有人有一个解决方案或选项,可以使用自定义的粘性头来工作? 编辑: 然后是来更改溢出,它解决了下拉列表不会显示在粘性头上的问题。存在一个不适用过滤器的问题,我通过更改来修复它:
浏览 1
提问于2021-05-04
得票数 0
1
回答
css样式,更改一种图像样式,而不是全部更改。
html
、
css
、
image
我真的是新的CSS,我有一个粘性的标题菜单与我们公司的标志在其中的菜单和图像收缩到48像素高一旦用户滚动。我用于缩小徽标的代码如下所示,但如何更改徽标图像,并将.sticky包含到徽标图像中,而不像下面使用img {}那样更改所有图像 img { height: 100%; width: 50%; margin: 0; padding: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } img.
浏览 1
提问于2015-05-06
得票数 0
回答已采纳
2
回答
CSS溢出未按预期工作,无法滚动到div底部
css
、
reactjs
、
flexbox
、
material-ui
、
styled-components
我的目标是设置一个带有粘性标题和左边栏的布局,以及可以滚动的非粘性DashboardBody (绿色边框)(在这种情况下,顶部的内容会消失在粘性标题下)。我使用的是styled-components,头部下面的两个框被包装在一个使用flexbox的BelowNavContainer中。 组件ProjectContainer包含整个视图(包括页眉和侧边栏)。因为我只想在DashboardBody部件上有一个滚动条,所以我为它设置了overflow: auto,为ProjectContainer设置了overflow: hidden。然而,这导致用户看不到DashboardBody的底部-滚动条
浏览 42
提问于2019-06-28
得票数 0
回答已采纳
2
回答
可滚动片段中的RecyclerView
android
、
android-recyclerview
我想实现以下场景: 因此,有一个有两个部分的屏幕: A节是一个标题和一个水平滚动。 B节是一个带有副标题的标题,是一个垂直的、无穷无尽的卷轴。 现在,我希望这个屏幕表现如下: 在任何地方垂直滚动将使整个A节上升,直到副标题,其中引脚到顶部(粘性);而这发生在B部分滚动也在上升。当字幕被固定后,如果你继续滚动B将继续显示更多的元素。 在另一个方向滚动将首先获得整个A节,当展开该部分时,两个部分都会触发滑动刷新。 现在我尝试使用NestedScrollView,但是这会使我的recyclerview混乱,因为它有着无尽的滚动,因为这样RecyclerView就无法实际回收
浏览 0
提问于2018-03-28
得票数 0
1
回答
如何根据屏幕宽度在不同的滚动点隐藏徽标
javascript
、
jquery
、
scroll
、
width
、
element
当徽标滚动到72像素时,它会试图隐藏在粘性导航上,但在较小的屏幕上,则需要隐藏到150像素。 我试图将其隐藏在72像素处,但在较小的屏幕上,它开始闪烁,因为隐藏的元素会导致滚动点发生变化,因此它再次显示,进入循环。 jQuery(document).ready(function() { if ($(window).width() <= 992){ jQuery(window).scroll(function() { if (jQuery(this).scrollTop() > 150) { jQuery('.fl-page-h
浏览 0
提问于2019-08-19
得票数 0
回答已采纳
5
回答
在Vuejs中观看window.scrollY变化
javascript
、
vue.js
、
vuejs2
我有一个非常简单的应用程序,它有两个组件:App.vue和另一个组件,Home.vue,在那里我保存了应用程序的其余结构:一个粘性标题和一些带有可滚动到的锚点的部分。 我想将一个类应用于粘性标题,以便在滚动页面时最小化徽标。所以我想我应该关注一下window.scrollY中的任何变化。因此,如果scrollY大于0,则应用一些最小化徽标的类。 我试着在我的组件中监听滚动事件,但效果不是很好。在这里的讨论中,提供了一个非常好的解决方案,但我不知道在哪里放置滚动事件。https://github.com/vuejs/Discussion/issues/324 因此,我认为最合适的解决方案是创建
浏览 98
提问于2019-03-28
得票数 9
回答已采纳
1
回答
带粘性导航的slideToggle
jquery
、
fixed
、
slidetoggle
、
scrolltop
、
sticky
通过单击实用工具栏中的链接,我在实用工具和导航栏上有一个可以显示和隐藏的slideToggle区域。 当用户向下滚动以使实用工具条的顶部到达窗口顶部时,我希望promo区域切换到display: none和整个标题(promo、实用程序和主导航)以获得position: fixed。 的粘性导航效果,我正试图实现,但这是否可能与一个元素,使用幻灯片切换? 注:小灰色框表示标题中的徽标,大灰色框表示页面内容。
浏览 3
提问于2014-07-29
得票数 1
4
回答
带有边框半径和粘性头的HTML表格
html
、
css
、
html-table
、
css-position
、
sticky
我有一个带有<table>的border-radius和一个使用position: sticky的粘性头,如下所示: 但是,当使用粘性标头滚动时,表格行将突出显示粘性标头的圆角。请参见此图像的左上角: 是否有一种方法,我可以保持圆角时,滚动与粘性标题,或删除粘性标题时,头变得粘性,并从其原来的位置向下移动?理想情况下,我希望只使用CSS 解决方案。
浏览 4
提问于2021-06-24
得票数 3
回答已采纳
1
回答
无媒体查询的响应式浮动
html
、
css
、
css-float
我正在为一个网站建立一个标题,其中有一个float:right;在它的位置用户信息的屏幕右侧。这可以很好地工作,除非用户将浏览器变小。然后用户信息跳到下一行,没问题,但是标题不会随之展开。 我正在试着找出一个解决方案,使头部向下扩展,而不使用媒体查询。使用媒体查询很好,但让它自然扩展会好得多。 我已经做了一个的例子,以防我在解释我的问题时做得很糟糕。 我已经尝试了一些方法来解决这个问题。 我尝试在左角的徽标上放置一个float:left;,但这会使标题上的背景消失。然后,当把一个overflow:auto;放在标题上时,会出现一个滚动条。 我也尝试过使用媒体查询器手动扩展报头,但必须有一种更好
浏览 0
提问于2013-07-16
得票数 1
回答已采纳
3
回答
Javascript/jQuery scrollTop问题
javascript
、
jquery
、
scrolltop
我重新创建了我正在尝试做的事情的一个简单版本 标题应该停留在它所在的位置,当你向下滚动时,当你单击标题div时,它应该向上滚动到顶部,它确实是这样做的。但是如果你把注意力放在输入上,或者点击“徽标”,滚动条就应该停留在原处。 我尝试的第一种方法是使用jQuery的.css并将输入/徽标的z-index设置为高于标题,然后获取当前滚动并将其保持在该位置。 这种方式可以工作,但是一旦你点击输入或徽标,标题滚动就不再起作用了。 我也试过以较慢的速度将徽标/输入jQuery更改为.animate,它会保持静止几秒钟,然后滚动到顶部,尽管我没有这样做。下面是第二个示例-- 然而,在第二个示例中这样做并
浏览 1
提问于2011-11-23
得票数 0
回答已采纳
1
回答
粘性导航的奇怪问题
javascript
、
jquery
、
html
、
css
我的粘性导航是这样工作的:如果我向下滚动,它会更改为粘性导航,如果我向上滚动,它将更改为默认导航。然而,我遇到的问题是,当我‘刷新’页面时,我从第一个页面开始,而在那个页面上导航仍然是‘粘性’的。然后我要向下滚动,然后向上滚动,使它成为原来的状态? 当我刷新时,是头版上的粘性导航,这就是问题所在。 然后我向下滚动,然后向上滚动,导航就正常了。这是我刷新时想要的导航,但出于某种原因,这是旧的导航。 <nav class="sticky"> <div class="row">
浏览 0
提问于2016-12-23
得票数 1
回答已采纳
1
回答
如何防止Internet Explorer/Edge中的背景图像闪烁?
internet-explorer
、
background-image
、
css-transitions
、
microsoft-edge
、
flicker
我有一个带有粘性标题的网页与简单的过渡-当页面向下滚动时,标题缩小其大小。徽标是一个带有背景图像的锚定标签。问题是,当你向下滚动,标题缩小时,你会看到logo图像在缩小之前也会闪烁。这仅在Internet Explorer (最新版本)和MS Edge (最新版本)中发生。以下是该页面的链接:
浏览 10
提问于2017-08-31
得票数 0
回答已采纳
1
回答
有没有可能使用position sticky同时在水平方向和垂直方向上“粘连”一个元素?
html
、
css
、
sticky
我目前正在做的一个项目中,我希望表的某些列粘性,以便他们总是可见时,您滚动水平,但已提出的要求,表格标题也是粘性的,当您滚动过去,他们垂直过去。 我已经设法在这张桌子上创建了水平粘滞效果。我已经成功地在所有其他表格标题上创建了垂直粘滞效果,但是我似乎无法让我的表格标题同时在水平和垂直方向上粘滞。我做了一些搜索,但在上面找不到任何东西(可能是因为水平粘贴东西并不是很常见)。
浏览 20
提问于2020-06-24
得票数 0
1
回答
如何在Elementor中通过粘性菜单固定跳转页面和页面覆盖?
css
、
mobile
、
responsive
、
sticky
、
elementor
我正在使用Elementor中的粘性菜单。在台式机上这是可以的。在移动设备上,粘性的标题/菜单覆盖了第一个元素,但当我滚动时,元素/页面会向下跳转并留下空白。当我固定间距使其最初可见时,会有更多的空白。我如何停止跳跃,这样我才能调整间距? 在手机上查看: duecucina.com/about-us/
浏览 0
提问于2019-04-05
得票数 0
1
回答
粘滞菜单更改徽标
javascript
、
jquery
、
html
、
css
我在网站上工作,其中有一个粘性的菜单,我需要做的是改变其滚动和有粘性标题的标志。 header是这样的 <header id="header" class="float-panel" data-top="0" data-scroll="100"> 向下滚动后,类将更改为fixed <header id="header" class="float-panel fixed" data-top="0" data-scroll="100"> 我需要改
浏览 0
提问于2017-09-17
得票数 1
2
回答
addClass(),将添加类,但CSS无法工作。
jquery
、
html
、
css
当页面向下滚动时。我试图在div中添加一个类"sticky_logo“。 <div id="fixed_logo" > ...</div> if ($document.scrollTop() >= 50) { $("#fixed_logo").addClass("sticky_logo"); } 它起作用了,当我向下滚动时,类被添加了,但是类的特性“粘性-徽标”不起作用,但是"fixed_logo“的CSS仍然有效。如何在不删除id的情况下激活类的CSS。 对于id来说,removeAttr并不
浏览 3
提问于2015-08-21
得票数 1
回答已采纳
1
回答
CSS滚动隐藏溢出
html
、
css
、
web
我现在有。 它产生当前输出: 但当我滚动时,这种情况会发生: 有什么建议吗?谢谢。 编辑:更具体地说,问题是当我滚动时,标题上方出现的选项。滚动条是故意隐藏的。 标题的样式为“位置”:“粘性”(如果有任何帮助的话)(查看预览的开头链接,代码可在devtools上使用)
浏览 4
提问于2021-02-20
得票数 0
回答已采纳
3
回答
粘性表行
javascript
、
jquery
、
css
我正在尝试实现一个类似于iOS的日历列表视图。基本上,我现在所做的就是遍历我的事件数组。如果是新日期,则打印日期标题,否则打印日历事件。我想让日期标题行变得粘性,直到它们被“滚动走”。 我怎样才能做到这一点呢?我在粘性标题上看到了很多示例,但还没有一个真正的例子将这个“粘性”特性仅应用于表行。我的<table也被放在它自己的可滚动的固定高度内,我希望页眉停留在<div>的顶部,而不是top:0; 我已经把我的代码放进了的笔中,现在我剩下的工作是修复colspan,因为我的<td>不能跨单元格,并让<tr>停留在<div>的顶部。
浏览 2
提问于2013-07-09
得票数 4
回答已采纳
2
回答
徽标间的平稳过渡
jquery
我有一个粘性的标题,我添加了自定义代码,以便它将改变图像徽标时,您开始滚动页面。我希望徽标能从一个顺利过渡到另一个,但我没有任何运气。这是我用的密码。 jQuery(function($) { $(window).scroll(function() { if(window.scrollY === 0) { $('.x-navbar .x-brand img').attr('src', 'http://test.unknowndesign.co.za/wp-content/uploads/2018/02/UNKNOWN.sv
浏览 0
提问于2018-02-20
得票数 0
回答已采纳
2
回答
创建带有嵌套粘性标头的列表
flutter
我有希望显示在列表中的数据,并使用粘性头对每条记录进行分组。我已经找到了很多关于如何在水平上这样做的例子,但我有两个例子。所以每一张唱片都有一个主组和一个子组。因此,当用户滚动时,我希望当前主组和当前子组都是粘性的。 数据集示例 Main Group 1 Sub Group 1 Record 1 ... Record n Sub Group 2 ... Record n ... Sub Group n ... Record n ... Main Gro
浏览 0
提问于2021-06-12
得票数 2
回答已采纳
1
回答
响应本机ScrollView -向下一个/上一个stickyHeaderIndices快速滚动
javascript
、
react-native
当我向上滚动时,我希望ScrollView能够快速滚动到下一个粘性头,当向下滚动时,它应该会切换到以前的粘性头。我在ScrollView中有多个ScrollView。如何才能做到这一点。 我有这样的东西 <ScrollView onScroll={(event) => { code here }} decelerationRate="fast" snapToStart={false} disableIntervalMomentum={true} stickyHeaderIndices={[0, 2, 4, 6, 8, 10]} snapToEnd=
浏览 12
提问于2022-12-02
得票数 0
1
回答
CSS?我在努力阻止我的视频文件覆盖我的横幅
css
、
video
我正在编写一个页面,视频文件将滚动,但横幅/标志是静态的,在顶部。 因为我已经为视频文件添加了css代码以动态缩放页面宽度,所以视频文件现在滚动在横幅/徽标的顶部。 有什么想法吗? 谢谢
浏览 2
提问于2017-04-22
得票数 1
回答已采纳
1
回答
隐藏导航栏Swiftui
uinavigationcontroller
、
swiftui
、
navigationview
我遇到了NavigationView在SwiftUI中的问题,我添加了这段代码来隐藏导航并运行良好,但是当滚动视图出现粘性标题时,如何删除它呢?谢谢!! NavigationView { ... } .navigationBarTitle("") .navigationBarHidden(true) .navigationBarBackButtonHidden(true)
浏览 6
提问于2020-03-12
得票数 4
回答已采纳
2
回答
在UICollectionView中只有一个粘性标头
ios
、
objective-c
、
uicollectionview
我试图在UICollectionView中实现单个粘性头。 我的粘性标题行为与您通常看到的不同,例如在UITableView中。我在集合视图和中有3个标题,我只希望其中一个是粘性的,并在内容滚动时保持在顶部。 我的代码运行得很好。然而,当我向下滚动,粘性标题突然消失在某个点。回滚使标题再次出现。我做错了什么? 我正在附加我的自定义布局的实现。它是UICollectionViewFlowLayout的一个子类。 @implementation CustomFlowLayout - (NSArray *)layoutAttributesForElementsInRect:(CGRect)rec
浏览 4
提问于2014-05-06
得票数 5
回答已采纳
1
回答
我想将转换添加到我的商店的粘性标题中。
javascript
、
css
、
css-animations
、
css-transitions
、
css-transforms
我想要添加过渡到粘性标题到我的商店。当卷轴> 50时,我想要从顶部显示的标题。滚动头和覆盖标题类工作正常。但转型不起作用。当启用粘性标头时,标题就会跳转到上面。徽标部件在粘性标头中调整大小,比普通标头小近80 is。这是Javascript的代码。 (function enableStickyHeader() { var stickyHeader = document.querySelector('header').dataset.sticky; var scrollHeader = $("header.scrollheader");
浏览 0
提问于2020-10-09
得票数 0
回答已采纳
1
回答
解决在粘性元素之后出现的相对位置CSS元素的问题
css
当将元素定位为sticky时,任何被定位为相对元素的后续和相邻元素似乎都不会滚动到粘性元素后面。 我不知道这是故意的还是错误的。 在我的更大的用例中,我有一个粘性元素,在下面的容器中,我有一个DataTables实例,它的元素的样式是相对的。 为了进行更小的演示,我有以下三个例子。 第一个例子取自,一切都按预期进行。 例1: 第二个例子显示整个container类是相对的。当您向上滚动并使菜单变得粘稠时,container类的内容将在粘性容器前面滚动。 例2: 第三个例子显示container类中的第一个段落是相对的。当您向上滚动,菜单变得粘稠时,relative类的内容在粘性容器前面滚动,而
浏览 0
提问于2017-04-11
得票数 4
1
回答
向下滚动时更改标题徽标
jquery
、
header
、
scroll
、
graphical-logo
您好,谁能给我一个提示,如何创建一个类似的标题像一样。我想有一个不断变化的标题向下滚动徽标。我正在考虑在jquery中创建两个头文件,并在两个头文件之间切换。
浏览 3
提问于2013-12-25
得票数 0
2
回答
更改div-box背景的代码是什么?
css
、
background
打扰一下,我是个十足的php笨蛋。但是有一个模板我想稍微修改一下,但是我就是找不到。有人能救我吗?该页面在上我希望更改包含主菜单的粘性标题框的背景(主页/Hans/Aanbod/...)敬怀特。(为了始终使徽标(在左边)是白色的,因此当我滚动时效果更好)。我应该在哪个文件中更改哪个代码?谢谢你帮我的忙。 马尔科
浏览 0
提问于2015-02-17
得票数 0
1
回答
在位置顶部显示滚动条:绝对标题
javascript
、
css
、
reactjs
我有一个内容比它在两个方向都要大的包装器。试着在表格的任一方向滚动: 垂直滚动条是可见的,正如我所希望的那样,除了隐藏在表标题后面,直到你向下滚动一点。 只有当您一直滚动到底部时,水平滚动条才是可见的,然后它的行为就像垂直滚动条(隐藏在粘性列后面)。 很清楚为什么会发生这种情况:粘性标头和列都是position: absolute,并且其z-index高于溢出其父内容的主内容div。 我想要的是在任何时候都可以看到滚动条,在粘稠的标题上也可以看到。 该表的基本结构如下: <div style="position: relative; overflow: hidden;"&
浏览 3
提问于2016-12-11
得票数 0
1
回答
移除移动设备的ScrollTop功能问题
jquery
、
html
、
css
我有一些困难的反应设计,我有一个粘性肚脐效果的桌面版本的我的网站,这是完美的,但在移动设备上,粘性肚脐阻碍用户的经验。当我向下滚动肚脐显示,它应该,但背景颜色的粘性导航阻碍了可见性的文本,是在屏幕上。我确实希望只有当用户选择移动汉堡包图标时,粘性导航的背景颜色才会出现,而不是当它滚动下来时,背景就会出现,这是很烦人的。谢谢你提前提供帮助。 我尝试过将类设置为“无显示”,但是这是有效的,但是当我只想在用户滚动时禁用粘性导航条背景时,它会禁用桌面和移动上的粘性导航条,而当选择汉堡包图标时,它就会显示出来。 js $(window).on("scroll", function() {
浏览 1
提问于2019-08-14
得票数 0
1
回答
Swift中特定部分的UICollectionView粘性头
ios
、
swift
、
uicollectionview
、
uicollectionviewlayout
、
contentoffset
我试图为一个特定的部分创建一个粘性的补充标题,当特定的部分触及导航时,它一直保持在顶部,并且不会与其他节标题重叠。到目前为止,我找到的解决方案直到900 collectionView.contentOffset.y为止。我遵循这段代码。 我必须设置sectionHeadersPinToVisibleBounds = false,因为我只想将一个标题放在顶部,同时根据位置的不同向上/向下滚动。其他节标题不应将粘性标头推开。 正如我在Swift中所做的那样,在Swift中有一个例子是很好的。
浏览 3
提问于2019-12-26
得票数 0
回答已采纳
1
回答
SwiftUI:我将如何为ScrollView制作可伸缩(柔性)粘性头?
ios
、
swift
、
swiftui
、
scrollview
好吧,老实说,我这么做,是因为我需要它,然后才环顾四周,在SwiftUI中找不到任何东西,所以想要分享。因此,这只是一个自我回答的问题。 最初,对于只依赖于ScrollView的惰性内容,我需要粘性、可伸缩的粘性头。 稍后(在我得到解决方案之后),我找到了,但我不喜欢它(至少不推荐-原样),因为: 过于复杂(许多不需要的代码,许多不必要的计算) 仅取决于(和加入)安全区域,因此适用性有限。 基于offset (我不喜欢使用偏移量,因为它与布局不一致,等等) 它不是粘性的,要使它粘稠,还需要更多的代码。 所以,实际上,所有这些文本只是为了满足这样的问题要求--谁知道我在这
浏览 12
提问于2022-08-16
得票数 1
回答已采纳
3
回答
删除分组ListView上的粘滞标题
xaml
、
windows-runtime
、
winrt-xaml
、
windows-phone-8.1
我正在开发一个Windows phone8.1Runtime应用程序,我使用的ListView只有GroupStyle和它的HeaderTemplate集。 一切正常,除了我需要禁用粘性标题,它在滚动列表时总是在顶部,但我找不到我需要编辑哪个模板来完全禁用粘性标题。真正困扰我的一件事是,当我离开页面时,当前的页眉消失了,并且在同一位置出现了一个空白。 代码很简单: <CollectionViewSource x:Key="cvs" IsSourceGrouped="True" ItemsPath="GroupItems
浏览 0
提问于2014-10-16
得票数 3
1
回答
类似App的UITableView半粘性tableViewHeader详细视图
ios
、
objective-c
、
uitableview
、
ios7
、
uisegmentedcontrol
我希望有一个半粘性的tableViewHeader,就像iOS7应用商店的详细视图。详细信息视图是一个屏幕,其中包含与Details /Review相关的UISegementedControl,您可以在其中下载该应用程序。不幸的是,我没有足够的声誉来发布图片,但它通常从顶部开始。当你向上滚动时,它也会正常滚动。然而,一旦UISegementedControl达到顶端,它就会坚持下去。我将在表中有多个部分。 通过将顶部视图添加为tableHeaderView并拦截scrollViewDidScroll事件,我通过自动布局使它在视觉上正确地工作: - (void)scrollViewDidScro
浏览 3
提问于2014-01-03
得票数 1
回答已采纳
2
回答
Z-关于chrome和safari的索引问题(firefox很好)
css
、
google-chrome
、
safari
、
z-index
我似乎在chrome和safari上有一个愚蠢的z索引问题,我找不到任何解决办法。 我准备了一把小提琴: 向下滚动时,页面内容应该在标题(灰色栏)上方,但在徽标下面。Firefox中的工作原理与预期一样,但chrome和safari没有在徽标元素上应用z索引。 我是不是遗漏了什么?(我不希望标志是绝对的或固定的) HTML: <header> <div class="logo">Logo</div> </header> <div id="page-body"> Page Conten
浏览 7
提问于2015-03-30
得票数 2
回答已采纳
2
回答
为什么图片显示在粘性标题上?
html
、
css
图片是在标题上滚动,但它应该是“在它下面”,就像其他肚脐一样。 图片: .nav3{ float:right; height:820px; margin:2px; } .waterfall { position: relative; left:-20%; bottom: 100%; } <nav class="nav3"> <img class="waterfall" src="../Szablony 3/wodospad.jpg"> </nav> 粘性元素: <header id="
浏览 6
提问于2022-04-30
得票数 0
回答已采纳
1
回答
jQuery函数的冲突问题
php
、
javascript
、
jquery
、
sticky
、
jcarousellite
我已经在这个问题上挠头好几天了。我有一个在主页上运行jcarousellite滑块的网站。在网站的另一个页面上,我希望侧导航是粘性的(即位置:相对;同时滚动,直到它到达页面的顶部,然后位置:固定;之后)。 我调用了以下代码: //jQuery Functions $(document).ready(function(){ //JCarouselLite $(function() { $("#mainSlider").jCarouselLite({ btnNext: "#sliderBtnNext", btnPrev: "#slide
浏览 5
提问于2013-08-29
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Visual Studio 2022预览版新增 Sticky Scroll
用于身份认证,谷歌 Gmail 效仿 Twitter 将启用打钩蓝标
在Excel中如何冻结窗格
Instagram 如何推荐新内容
[技巧]请在macOS Catalina发布前检查哪些应用程序不支持64位系统
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券