首页 \ 问答 \ 滚动时垂直全高div之间的动画切换(Animated switch between vertical full-height divs when scroll)

滚动时垂直全高div之间的动画切换(Animated switch between vertical full-height divs when scroll)

我在一个页面中有三个div,每个高度为100vh。 所以我想在它们之间自动切换,当用户滚动(向上或向下)时将激活它们。 我用scrollTop()函数写了条件。

例如:

if($("#first").scrollTop() > 10){ /*go to next div automatically*/ }

它适用于第一个div,但再次滚动到顶部是不可能的,因为第一个条件总是正确的。 我没有任何想法。 请帮帮我。


I have three divs in one page with height 100vh each of them. So I want to make automatically switch between them, which will be activated when user scroll(up or down). I have written condition with scrollTop() function.

For example:

if($("#first").scrollTop() > 10){ /*go to next div automatically*/ }

It works perfectly for first div, but scroll to top again impossible, because first condition always true. I haven't any idea. Please, help me.


原文:https://stackoverflow.com/questions/47132040
更新时间:2022-04-23 06:04

最满意答案

摆脱BLOB类型的解决方案是在高级编辑器中更改数据流内组件的数据类型(SSIS数据类型)。

  1. 对于每个组件,右键单击它,然后选择“显示高级编辑器”

  2. 点击“输入和输出属性”

  3. 对于列出的所有输入和输出列,将数据类型DT_NEXT更改DT_WSTR时, 也要选择适当的长度

在这里输入图像描述


The solution to get rid of BLOB types is to change the datatypes (SSIS datatypes) for the components within the dataflow in the advanced editor.

  1. For each component, right click on it, and choose "Show advanced editor"

  2. Click in the column "Input and output properties"

  3. For all the input and output columns listed there, change the datatype when it is DT_NEXT to DT_WSTR, choosing an appropriate length as well

enter image description here

相关问答

更多
  • @billinkc - 感谢您的建议。 我选择创建一个派生列并应用以下条件 - (现金> 0)? [ACC_ID] :( [ADDITIONAL_NM] ==“”?(DT_WSTR,255)NULL(DT_WSTR,255):[ADDITIONAL_NM]) @billinkc - Thanks for your suggestion. I chose to create a single derived column and applied following condition - (CASH > 0) ...
  • 在写出这个解释时,我意识到我没有尝试过一些东西。 也就是说,我没有愚弄过.CursorLocation和.CursorType 。 事实证明,将.CursorLocation更改为.CursorLocation = adUseServer将解决我看到的问题。 我现在可以使用nvarchar的长度一直到4000。 In writing this explanation out I realized that I hadn't tried some things. Namely, I hadn't fooled ...
  • 查看您的最新更新。 OLEDB目标列类型不应该相关(尽管稍后可能会变得相关),因为错误发生在OLEDB源上。 问题出在OLEDB源输出列中:Id定义为double(RT_8)。 在高级编辑器中,您可以更改外部列“Id”的数据类型(如果您对当前设置感到满意 - 它看起来很好:49个字符 - 然后将其更改为其他内容然后再返回)。 这也应该自动更新输出列类型(但检查并手动更改它以匹配)。 更进一步,听起来好像你正在将这一列写入OLEDB Dest。 您可能必须将目标表中的列类型更改为varchar(50)或nva ...
  • 显然,SSIS在内部使用游标来处理你需要的一些任务 - 对于MS开发人员来说,使用游标是很常见的。 您可以尝试通过运行项目并禁用任务并运行它或者非常仔细地阅读进度选项卡来隔离错误输出的任务。 我会尝试,对于执行SQL任务,将旁路准备转为true并再次尝试任务。 It turns out that the environment was patched in such a way where the database indices needed rebuilt. As a result of that, t ...
  • 我想不出有什么原因,表变量中的nvarchar(max)会有任何不同于在表中使用nvarchar(max)的缺陷( 其缺点在这个问题中解释 ),除了缺陷是由于表变量和临时/永久表之间的差异(如可怕的统计数据,没有二级索引等)。 Martin Smith在这里对表格变量和临时表格进行了很好的比较 。 您仍然需要担心某些问题,例如,如果您使用古老的技术(如传统的ASP / ADO),您可能会发现必须最后列出MAX列才能确保结果准确无误。 我在2000年引入MAX类型之前对此进行了解释 ; 但是他们在TEXT / ...
  • 欺骗系统。 在一个查询中生成两个查询的嵌套输出,如下所示: select Cast(emp_no AS Char(5)) + Convert(Char(10), birth_date, 120) + CAST(first_name as CHAR(10)) + CHAR(13) + CHAR(10) + Cast(emp_no AS Char(5)) + CAST(last_name as CHAR(9)) + gender + Convert(Char(10), hi ...
  • 那么,这是SSIS的PITA,它使用标准的XML Source。 您必须在高级编辑器中手动设置输出列的DT_NTEXT数据类型,并承担任何人都可以点击刷新并破坏您的工作的风险。 标准XML源将静默更新输出定义,因此每次使用此软件包构建项目时都必须仔细检查。 另类 - 你可以尝试商业SSIS XML源组件,如ZappySys或BlueSSIS 。 我没有任何经验,所以不能推荐。 Well, this is a PITA of SSIS when it is working with standard XML ...
  • 摆脱BLOB类型的解决方案是在高级编辑器中更改数据流内组件的数据类型(SSIS数据类型)。 对于每个组件,右键单击它,然后选择“显示高级编辑器” 点击“输入和输出属性” 对于列出的所有输入和输出列,将数据类型DT_NEXT更改为DT_WSTR时, 也要选择适当的长度 The solution to get rid of BLOB types is to change the datatypes (SSIS datatypes) for the components within the dataflow i ...
  • 在派生列组件中创建一个新的列,其表达式如下所示:(DT_I4)[Nvarchar列名称]。 另外,将错误操作配置为重定向行,以便捕获并修复任何失败的转换。 请参阅链接: https : //social.msdn.microsoft.com/Forums/en-US/705fa9a1-b7bc-402b-90cd-9ab67a278cff/converting-nvarchar-to-an-int-int-ssis?forum=sqlintegrationservices https://social.te ...
  • 映射的唯一自动标准是匹配名称。 如果名称不匹配,那么最简单的方法是通过拖放目标编辑器的映射选项卡。 The only automated criteria for mapping is by matching name. If the names don't match then the easiest way is by drag and drop on the mapping tab of destination editor.

相关文章

更多

最新问答

更多
  • 获取MVC 4使用的DisplayMode后缀(Get the DisplayMode Suffix being used by MVC 4)
  • 如何通过引用返回对象?(How is returning an object by reference possible?)
  • 矩阵如何存储在内存中?(How are matrices stored in memory?)
  • 每个请求的Java新会话?(Java New Session For Each Request?)
  • css:浮动div中重叠的标题h1(css: overlapping headlines h1 in floated divs)
  • 无论图像如何,Caffe预测同一类(Caffe predicts same class regardless of image)
  • xcode语法颜色编码解释?(xcode syntax color coding explained?)
  • 在Access 2010 Runtime中使用Office 2000校对工具(Use Office 2000 proofing tools in Access 2010 Runtime)
  • 从单独的Web主机将图像传输到服务器上(Getting images onto server from separate web host)
  • 从旧版本复制文件并保留它们(旧/新版本)(Copy a file from old revision and keep both of them (old / new revision))
  • 西安哪有PLC可控制编程的培训
  • 在Entity Framework中选择基类(Select base class in Entity Framework)
  • 在Android中出现错误“数据集和渲染器应该不为null,并且应该具有相同数量的系列”(Error “Dataset and renderer should be not null and should have the same number of series” in Android)
  • 电脑二级VF有什么用
  • Datamapper Ruby如何添加Hook方法(Datamapper Ruby How to add Hook Method)
  • 金华英语角.
  • 手机软件如何制作
  • 用于Android webview中图像保存的上下文菜单(Context Menu for Image Saving in an Android webview)
  • 注意:未定义的偏移量:PHP(Notice: Undefined offset: PHP)
  • 如何读R中的大数据集[复制](How to read large dataset in R [duplicate])
  • Unity 5 Heighmap与地形宽度/地形长度的分辨率关系?(Unity 5 Heighmap Resolution relationship to terrain width / terrain length?)
  • 如何通知PipedOutputStream线程写入最后一个字节的PipedInputStream线程?(How to notify PipedInputStream thread that PipedOutputStream thread has written last byte?)
  • python的访问器方法有哪些
  • DeviceNetworkInformation:哪个是哪个?(DeviceNetworkInformation: Which is which?)
  • 在Ruby中对组合进行排序(Sorting a combination in Ruby)
  • 网站开发的流程?
  • 使用Zend Framework 2中的JOIN sql检索数据(Retrieve data using JOIN sql in Zend Framework 2)
  • 条带格式类型格式模式编号无法正常工作(Stripes format type format pattern number not working properly)
  • 透明度错误IE11(Transparency bug IE11)
  • linux的基本操作命令。。。