Jquery: 使用scrollTop来制作动画粘性菜单
我正在尝试创建一个动画粘性菜单. 用户加载页面,导航是静止的.然后,用户向下滚动页面,然后在500个像素之后(在原始导航上滚动),使用固定位置将导航动画到顶部. 我现在工作起来(请参阅Codepen:看起来像属性样式=" top:0px",当您向上滚动返回页面时不会删除,这可能导致问题.我尝试使用removeAttr()在返回滚动时摆脱它,但是每当删除时,它会不断弹出(自动). 任何想法都将不胜感激.谢谢! 解决方案 我已经对您的代码进行了一些更新,现在它可以按预期工作.它的优势是,它只能在需要时只能发射一次,而不是不断地发射.我还将选择器存储在变量中以避免大量重新进行. javascript var nav = $('.nav'); var scrolled = false; $(window).scroll(function () { if (500
0 2024-02-26
编程技术问答社区
粘性表头在angular materials mat-sidenav-container中不起作用。
嘿, 我在使用Angular材料时在HTML/CSS表和粘性标头方面有一些麻烦. 在我的项目中,我使用,和的Angular材料Sidenav.内部表的粘性标头不起作用. 我在github上创建了一个小型项目,以轻松复制该问题: repo: https://github.com/manticsic/manticsic/angular-material-material-sticky-tike------------------------------------------------ -issue gh页面: -table-issue/ 表向下移动64px,而不是在滚动时固定在y = 64px. 您是否知道如何解决此问题? 欢呼和THX 注释 没关系,如果将标题粘贴/固定在页面顶
0 2024-02-25
编程技术问答社区
用Sticky工具包粘贴一个div,并在AngularJS中的特定点释放它
我有一个带有两个列的网页.我想在左列中贴一个DIV,直到用户向下滚动到右列中元素的特定端.我正在尝试使用jQuery库粘性 http://leafeafo.net/sticky-kit/.我能够粘贴DIV,但是当我击中右列元素的末端时,我无法释放它. jQuery代码在AngularJS指令中(尽管我认为它不会影响问题). 找到一个plunker: html:
0 2024-02-24
编程技术问答社区
应用程序关闭后,粘性服务重新启动
我的粘性服务有麻烦.我在我的主动脉中称其为class: 主动脉: Intent intent = new Intent(this, MyService.class); ComponentName MyCompName= startService(intent); bindService(intent, MyConnection, Context.BIND_AUTO_CREATE); 和... myService @Override public int onStartCommand(Intent intent, int flags, int startId) { super.onStartCommand(intent, flags, startId); return START_STICKY; } 我希望此服务运行粘性,永远不要关闭或重新启动.但是,当我关闭应用程序时,the create() - myService的方法被调用并重置所有
2 2024-02-18
编程技术问答社区
START_STICKY在Android KitKat上不起作用
我的一个应用程序具有一个backgrouod服务,该服务使用START_STICKY返回代码从onStartCommand>返回代码在系统杀死时自动重新启动. 看来这不再在Android Kitkat上工作. 有什么解决方案吗? 我应该在Kitkat上做一些不同的事情以保持服务运行吗? 注意:关于Android-Devlopers小组也有类似的讨论,内容涉及从最近的应用程序列表中刷新该应用程序的行为.这两个问题可能有关吗? 编辑:看到Android问题跟踪器上有开放错误: https://code.google.com/p/android/问题/细节?id = 63793 https://code.google.com/p/android/android/android/issues/detail ?id = 63618 edit2:即使在单独的过程中使用startForeground运行服务,也会发生同样的情况. edit3:Android问题跟踪器上的更多相关错误
2 2024-02-17
编程技术问答社区
如何在RecyclerView中制作粘性标题?(不需要外部软件)
我想将标题视图固定在屏幕顶部,如下图中的图像和不使用外部库. 就我而言,我不想按字母顺序进行.我有两种不同类型的视图(标题和正常).我只想修复到顶部,最后一个标头. 解决方案 在这里,我将在没有外部库的情况下解释如何做.这将是一个很长的帖子,所以请自己做好准备. 首先,让我承认正如您可能已经经历的那样,如果您尝试自己做,很难找到一个很好的解释 如何使用ItemDecoration技术实际做到这一点.我的意思是,是什么步骤?它背后的逻辑是什么?我如何将标题棒放在列表的顶部?不知道这些问题的答案是什么使其他人使用外部库,而使用ItemDecoration则自己进行外部库是非常容易的. 初始条件 您的数据集应为不同类型的项目的list(不是在" Java类型"中,而是在"标题/项目"类型中). 您的列表应该已经分类了. 列表中的每个项目都应具有某些类型 - 应该有与之相关的标头项目. list中的第一项必须是标题项目. 在这里,我为我的Recycle
0 2024-02-17
编程技术问答社区
如何在ExpandableListView中获得粘性/钉住的标题?
有没有人运气适应以便可以与 explinebablelistview 仅具有索引部分的简单listView?我基本上想要一个ExpandableListView,每个组项目视图都固定在顶部,直到下一个组视图将其推向. 我已经研究了代码,试图找出PinnedHeaderListView的工作原理,似乎很难适应ExpandableListView.主要问题似乎在于使用另一种适配器和绘图方法. PinnedHeaderListView使用SectionIndexer来跟踪截面位置.当它用getView()绘制每个项目时,它检查项目是否是新部分的开始.如果项目是新部分的开头,则在 该项目的list_item视图中可见一个部分标题. ExpandableListAdapter具有getChildView()和a getGroupView(),将项目和部分分别绘制为不同的列表项目. 我敢肯定,必须在PinnedHeaderListView中使用该方法来获得类似的行为,但我不确定从哪里开始
0 2024-02-03
编程技术问答社区
活动中列表视图中的粘性行
我的listView中只有一排应该是粘性的.不在stickyheaders中的字母或截面.我非常感谢任何帮助w.r.t listView sticky sticky在活动中而不是碎片.我该怎么做?我非常感谢任何帮助. 使用诸如: 的代码 class MyAsyncTask extends AsyncTask>> { // Hashmap for ListView ArrayList> UploadsList = new ArrayList>(); @Override protected void onPreExecute() { // Showing progress dialog before sending http
0 2024-02-02
编程技术问答社区
安卓服务无限期运行
我注意到,Skype之类的应用程序使用基本运行24x7的服务,而根本没有被杀死.您甚至不能使用任务杀手手动杀死它(您可以通过运行服务并杀死服务来杀死他们).如何实施? 我发现,在Android 2.3中,我的服务在跑步一段时间后被杀死.即使我使用start_sticky启动服务,onDestroy()也永远不会被调用.但是,这在我的2.1设备上正常工作,即服务不会被杀死. 谢谢 解决方案 如何实施? 基于显示Notification图标的Skype屏幕截图,然后它们很可能使用startForeground(). 我发现在Android 2.3中,我的服务在跑步后被杀死. 这是完全正常的. 首先,大多数Android应用程序实际上并不需要"基本上运行24x7"的服务.用户不喜欢此类服务,这就是为什么任务杀手和运行服务屏幕以及操作系统中存在的自动杀死逻辑的原因.服务应运行" 24x7"的唯一原因是,如果每个微秒都提供值. VoIP客户端(例如S
0 2024-02-01
编程技术问答社区
如何在安卓系统的列表视图中添加带有背景图片的粘性标题?
我正在尝试在ListView中添加粘性标头.我在 https://github.com/bewithub.com/bework.com/beworker/-pinned-section-listview"> href="https://github.com/pinned-section-listview"> href="https://github.com/bework.com/bework.com/bework.com/bework.com/固定部分列表 下面是我以 >> 它的工作正常,但我需要自定义上述行.单行有两个单独的布局. 现在我要做的是列表行标头应该具有透明背景(listheader.xml)和listrow.xml不应具有携带摄像头的背景图像.图像应设置为每个ListView行的背景.下面看起来像 因此,我的listView行将具有背景图像和一个标题,而不是图像上方,而是在图像上,如上图中所示. 任何人都可以告诉我我该怎么做. 以下是我使用的适配器守则
0 2024-02-01
编程技术问答社区
如何使用云形成模板将粘性会话包括在AWS弹性Beanstalk中
当我搜索Elastic Beanstalk中的粘性时,我找不到使用AWS Cloud Retation将其包括在内的方式.谁能帮我做那件事. 预先感谢. 解决方案 如果我们看到了粘性会话的定义,它说"粘性会话是将请求路由到目标组中同一目标的机制". 在弹性豆刺中,目标组由过程表示.因此,我们需要使用选项设置 您可以在此处采用2种方法:(以下是"默认"过程,如果您配置了其他进程,则进行相应的修改,但实现保持不变) 选项设置名称空间:aws:ElasticBeanstalk:环境:过程:默认值 设置的有效选项:粘性,粘性lbbookieduration 在 样本: "Environment": { "Properties": { "ApplicationName": { "Ref": "Application" }, "Description": "AWS Elastic Beanstalk Environ
Sitecatalyst-DTM-直接呼叫规则-清除粘性变量
https://i.stack.imgur.com/elgjz.jpg /p> 嗨, 我正在使用DTM内的直接呼叫规则.我要单击HREF链接(在新窗口中打开). 我想删除/清除与点击相关的EVAR和事件.我使用自定义页面代码清除值. 直接通话规则1> Adob​​e Analytics跟踪设置: s.tl(); - 不增加pageview; 直接通话规则1> Adob​​e Analytics>内部自定义帕格克德: s.eVar12 = dataLayer.testString; s.events="event2,event16,event19,event22"; s.tl(this,'o','testClick'); s.events=""; s.eVar12=""; return true; 问题: 我在自定义页面代码中使用了s.tl()函数,这些函数触发(pe = lnk_o),默认情况下,直接呼叫规则再次触发(pe = lnk_o).我看到"
2 2024-01-19
编程技术问答社区
滚动事件听众 +位置:更改高度的粘性元素会导致抖动的无限滚动
我在屏幕顶部的元素带有position:sticky;和一个js scroll eventlistener,以添加stuck类时,当元素卡住时(滚动y大于0). 此stuck在粘性元素内部制作一个元素(具有CSS过渡)以降低高度. 当您非常缓慢地滚动时,这种高度的变化使Scrolly跳回零并删除stuck类,这会产生一个愉快的滚动循环,该循环是无限的,直到您更快地滚动并消除问题为止. 使用position: sticky时,我该如何使它平滑,您可以在这里看到它: https://jsfiddle.net.net/27rzba5v/ 解决方案 这是因为您正在改变元素的高度,这会影响框模型,从而影响文档的尺寸.一个简单的修复方法是使用.wrap上的转换,而不是过渡其高度.最好是动画转换和不透明度,因为它可以是 var lastScrollY = 0; var ticking = false; window.addEventListener('scroll
2 2024-01-19
编程技术问答社区
页脚总是在底部,没有显示:固定。
即使内容没有填充页面,我想让我的页脚始终在页面底部显示,但是当内容填充页面时,我希望它仅在滚动到页面底部时才显示. 我在想检查页面是否可以使用JavaScript滚动,如果没有,我会添加一堂课以使页脚修复其他删除该课程,但我不知道如何使用JavaScript进行检查. 这个想法是,我希望我的页脚在无法滚动时修复,并且当我可以滚动时,我不希望它修复.我怎样才能做到这一点 ? 我的页脚HTML是: @EDUARDVALENTIN 2015
2 2024-01-18
编程技术问答社区
窗口调整时带有jQuery抖动的粘性导航栏
我是第一次制作粘性的Nav-bar,我的一切都很好地工作了,直到试图使其响应能力.调整窗户的大小时,导航栏的jQuery会使页面冻结有点生涩.我是用调整大小支票过多的吗? jQuery(document).ready(function() { //on page load will get nav offset and wrap nav in a placeholder //for smooth transition to fixed position var navOffset = jQuery('.nav').offset().top; jQuery('.nav').wrap(' '); jQuery('.nav-placeholder').height(jQuery('.nav').outerHeight()); //when window is resi
4 2024-01-17
编程技术问答社区
粘性侧边栏,只有当侧边栏底部在窗口底部时才会粘住。
我有一个2列布局.左列比侧边栏长.我希望侧边栏仅在其底部到达浏览器窗口的底部时粘贴.因此,用户可以在右侧边栏粘贴时继续向下滚动左列内容.我在这里看到了很多棘手的问题,但是这种特殊的情况仍然使我迷惑不解.我在左列上也有一个标题杆,我已经成功地坚持了. 这是我在 jsfiddle ! 中所做的演示. 这是我尝试的JS的快速看. $(function(){ var headlineBarPos = $('.headlineBar').offset().top; // returns number var sidebarHeight = $('.sticky-sidebar-wrap').height(); var sidebarTop = $('.sticky-sidebar-wrap').offset().top; var windowHeight = $(window).height(); va
6 2024-01-17
编程技术问答社区
Sticky '_calc'不是这个元素的可用方法
使用基础6时,我正在尝试调用粘性标头的重新计算.但是,我尝试的一切都返回 我们很抱歉,'_calc'不是此元素的可用方法 这是粘性元素的声明: 我尝试过: $('.sticky:visible').foundation('_calc', true); $('#sticky-container').foundation('_calc', true); $('#sticky').foundation('_calc', true); 所有这些用法中的所有3个
4 2024-01-16
编程技术问答社区
有固定位置和滚动的多个div
我有4个Divs,我想向下滚动并覆盖所有这些Divs.但是...保持当前DIV在浏览器顶部固定位置 这只能向下滚动.但是当我滚动失败时. 您可以检查此小提琴这是JS代码 $(document).ready(function() { $(window).scroll(function () { var scrollY = $(window).scrollTop(); if(scrollY>=500){ $('#block2').css({'position': 'fixed', 'margin-top': 0}); $('#block3').css({'margin-top': '1000px'}); } if(scrollY>=1000){ $('#block3').css({'position': 'fixed', 'm
6 2024-01-16
编程技术问答社区
如何让jQuery Sticky Float插件对页面变化做出实时反应?
我一直在寻找非常出色的'stickyfloat'插件( http:///plugins.jquery.com/files/stickyfloat_0.htm )用于我正在从事的项目.我需要将面板在页面右侧的"视图"右侧,为左滚动的内容. StickyFloat插件可以很好地享用零食,但是如果您使用jQuery来实现其坐着的内容块的长度,则不会更新计算. 有什么办法可以调整此插件以使其尊重内容div高度的实时更改? 解决方案 我编写了此插件,我已经重新发布了它并修复了插件启动后动态更改的高度问题,请检查一下: >
4 2024-01-16
编程技术问答社区