Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Swup.js动画覆盖页面上的所有其他元素_Javascript_Html_Css_Web Animations_Swup - Fatal编程技术网

Javascript Swup.js动画覆盖页面上的所有其他元素

Javascript Swup.js动画覆盖页面上的所有其他元素,javascript,html,css,web-animations,swup,Javascript,Html,Css,Web Animations,Swup,因此,我最近一直在尝试Swup(顺便说一下,从关键帧传递到javascript Swup动画),每次我在文本或其他页面上放置动画时,它都会覆盖页面上的所有其他元素。我试着用z-index来改变什么是什么,但它似乎什么都没做。我不知道是什么原因造成的,也不知道为什么会这样。有人也遇到过这个问题吗 下面是我的代码(javascript是node_modules Swup javascript代码): (函数e(t,n){if(typeof exports==“object”&&typeof mod

因此,我最近一直在尝试Swup(顺便说一下,从关键帧传递到javascript Swup动画),每次我在文本或其他页面上放置动画时,它都会覆盖页面上的所有其他元素。我试着用z-index来改变什么是什么,但它似乎什么都没做。我不知道是什么原因造成的,也不知道为什么会这样。有人也遇到过这个问题吗

下面是我的代码(javascript是node_modules Swup javascript代码):

(函数e(t,n){if(typeof exports==“object”&&typeof module==“object”)module.exports=n();else if(typeof define==“function”&&define.amd)define([],n);else if(typeof exports==“object”)exports[“Swup”]=n();else t[“Swup”]=n())(窗口,函数(){返回函数(e){var t={};函数n(r){if(t[r])返回t[r]。导出变量i=t[r]=(i.出口,i.出口,i.出口,i.出口,i.出口,i.出口,n);i.l=真实;i.l=真实;返回i.出口,返回i.出口)n.m=e.m=e;n.c=t;n.c=t;n.c=t;n.c=t;n.c=t;t;n.c=t;t;t;t;n.c=t;t;t;t;n.c=t;t;t;t;出口:假假,出口,假;l;l;l;i.i.i.i.i.i.i.i.i.i.i.i.i.i.i.i.i.i.出口:n.i.i.i.i.i.i.i.i.i.i.出口:n.i.i.i.i.i.i.i.r:n.r:n.r:n.r:n.r:n.m“模块”,{value:true};n.t=function(e,t){if(t&1)e=n(e);if(t&8)返回e;if(t&4&&typeof e==“object”&&e&&e&&e.\uu-esModule)返回e;var r=object.create(null);n.r(r);object.defineProperty(r,“default”,{枚举值:true,value:e});if(t&2&&typeof e!=“string”)for(i in e)n.d(r,i,function(r),返回函数(t=null),函数返回n}{var t=e&&e.u-esModule?function t(){return e[“default”]}:function t(){return e};n.d(t,“a”,t);return t};n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};n.p=“”;return n(n(n.s=2)}([function(e,t,n){“使用严格的”;Object.defineProperty(t),{.defineProperty)(t),{value:true})t.Link=t.markSwupElements=t.getCurrentUrl=t.transitionEnd=t.fetch=t.getDataFromHtml=t.createHistoryRecord=t.classify=未定义;var r=n(8);var i=w(r);var a=n(9);var o=w(a);var s=n(10);var u=w(s);var l=n(11);var c=w(l);var f=n(12);var d=w(f);var h=n(13);var p=w(h);var v=n(14);var g=w(v)(v)(v);var n=w(v)(15);var=n(s);var)返回函数{=e(e){){default:e}}var b=t.classify=i.default;var e=t.createHistoryRecord=o.default;var P=t.getDataFromHtml=u.default;var{u=t.fetch=c.default;var k=t.transitiononend=d.default;var S=t.getCurrentUrl=P.default;var o=t.markSwupElements=g.default;var j=t.Link=y.default},函数(e,t,n){“使用严格的”;Object.defineProperty(t,“\esmu,”,{:true});var r=t.query=function e(t){var n=arguments.length>1&&arguments[1]!==未定义的参数[1]:文档;if(typeof t!=“string”){return t}返回n.querySelector(t)};var i=t.queryAll=function e(t){var n=arguments.length>1&&arguments[1]!==未定义的参数[1]:文档;if(typeof t!=“string”){return return t}返回数组.prototype.slice.call(n.querySelectorAll(t))},函数(e,t,n){“使用严格”;var r=n(3);var i=a(r);函数a(e){return e&&e.{uu esModule?e:{default:e}}e.exports=i.default},函数(e,t,n){“使用严格”;对象。定义属性(t,{uu esModule t,{value:true});var r=Object
  • 主页-这是我的服务器 试验 $(文档).ready(函数(){ $(窗口)。滚动(函数(){ $('nav').css(“背景图像”,“线性渐变(右下角,rgba(21,33,43,+0+$(窗口).scrollTop()/700+”),rgba(2,11,22,+0+$(窗口).scrollTop()/700+”) }) })