Tag: css3

使用JQuery设置CSS关键帧: 我正在尝试根据文本的大小确定动态div的高度。我试图在CSS中动态设置它作为我的原始问题https://stackoverflow.com/questions/24150538/defining-a-height-in-css-for-animation-keyframe-within-itself?noredirect=1# comment37269329_24150538 。我现在看来有一个JQuery可以让你在https://github.com/jQueryKeyframes/jQuery.Keyframes上这样做。所以我按照他们的示例删除了CSS文件中的keyframe ，并将其包含在脚本中，如下面的代码片段所示： hello var supportedFlag = $.keyframe.isSupported(); $.keyframe.define([{ name: ‘myfirst’, ‘0%’: {top:$(“#test”).innerHeight()*-1; left:0px}, ‘50%’: {top:100%; left:0px}, ‘100%’: {top:$(“#test”).innerHeight()*-1; left:0px} }]); $(selector).playKeyframe({ name: ‘myfirst’, // name of the keyframe you want to bind to the selected element duration: 90, // [optional, default: 0, in ms] how long you want it to […]

jQuery动画一个-webkit-transform: 是否可以使用jQuery动画webkit translate3d？我读到，当使用jQuery的animate属性时，你必须使用css属性，但在translate3d的情况下，这似乎不起作用。我有以下代码，我想动画而不是它立即发生？ $(“#main-nav”).css(‘-webkit-transform’, “translate3d(0px, ” + e + “px, 0px) scale(1)”); 为了澄清“e”是一个传递给我上面的代码运行的函数的变量。

如何禁用响应式设计的JavaScript: 我一直在使用超大型jQuery来浏览我网站的幻灯片背景。我正在使网站响应并使用css媒体查询。我希望能够在480px以下时禁用该脚本。这是实际滑块背景的脚本 $(document).ready(function(){ jQuery(function($){ $.supersized({ // Functionality slideshow : 1, // Slideshow on/off autoplay : 0, // Slideshow starts playing automatically start_slide : 1, // Start slide (0 is random) stop_loop : 0, // Pauses slideshow on last slide random : 0, // Randomize slide order (Ignores start slide) slide_interval : 3000, // […]

CSS overflow-x hidden和overflow-y visible: 我已阅读此SOpost： css overflow-x visible和overflow-y hidden导致滚动条。我也经历过： http ： //www.brunildo.org/test/Overflowxy2.html 我想实现如下目标：当我尝试使用以下代码时： overflow-x: hidden; overflow-y: visible; 它显示如下结果：我不希望滚动条出现。 Jquery有什么解决方案吗？

垂直滚动时水平移动div（jquery或CSS3）: 当页面向下或向上滚动时，我想从左向右移动div。当页面向下滚动时，它应向右移动，当页面向上滚动时，它应向左移动。

检测手机与平板电脑: 有没有办法检测用户是使用平板电脑还是手机？例如，一个人使用平板电脑（任何版本为3+和iPad的安卓平板电脑）上网，他们肯定会喜欢查看与坐在台式电脑上的人相同的未被剥离的版本。电话冲浪者肯定更喜欢网站的精简版本，因为它加载速度更快，并且可能更容易用拇指导航。这可以通过检查此处找到的userAgent oct屏幕宽度来完成：在jQuery中检测移动设备的最佳方法是什么？但问题出现在像谷歌Galaxy Nexus这样的手机上，它具有与平板电脑相同的分辨率，但只有屏幕尺寸的一半。在我看来，即使分辨率很高，显示移动版也会更好，因为屏幕很小。有没有办法检测到这一点，还是我必须做出妥协？

如何动画CSS翻译: 是否可以通过jquery动画CSS属性翻译？ $(‘.myButtons’).animate({“transform”:”translate(50px,100px)”}) 它在许多浏览器中都有效吗？演示不起作用： http ： //jsfiddle.net/ignaciocorreia/xWCVf/ 更新：我的解决方案简单的实现 – http://jsfiddle.net/ignaciocorreia/R3EaJ/ 复杂的实现和多浏览器 – http://ricostacruz.com/jquery.transit/

如何在Slick轮播项目之间添加空格: 我想在两个光滑的轮播项目之间添加空间，但不希望空间有填充，因为它减少了我的元素大小（我不想那样）。 $(‘.single-item’).slick({ initialSlide: 3, infinite: false }); .slick-slider { margin:0 -15px; } .slick-slide { padding:10px; background-color:red; text-align:center; margin-right:15px; margin-left:15px; } 1 2 3 4 5 6 不知何故，我从两边获得空间，我试图删除它。

CSS从角落动画中透露出来: 我试图实现如下动画效果：显示横幅时，应显示下一横幅的右下角。单击此角时，应隐藏当前横幅并显示下一个横幅。我目前的加价如下： CSS如下：注意我使用clip-path创建了一个角： .banners { width: 800px; height: 600px; } .image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .image.active { z-index: 1; clip-path: polygon(100% 0, 100% 65%, 60% 100%, 0 100%, 0 0); } .corner { width: 50%; height: 50%; position: absolute; right: 0; bottom: 0; } JS： […]

我是否必须为每个页面创建一个新面板？: 我想在jqm网站中使用Panel来选择我的选择语言组件。因此，每个页面都需要存在该组件。以下是单页面板的设置。来自jquerymobile.com （…我添加了一个标题按钮） choose language 我认为我有3个解决方案： A – 在每个页面上创建面板的副本—-如果page_N上的状态发生变化，那么这将是一个问题，那么所有其他的都需要同步 B – 创建一个在页面更改时以编程方式移动的单个面板 – 这看起来像是一个黑客 C – 发现jqm是否已经解决了这个问题—-因此我问的问题:) jqm有办法将Panel从一个页面移动到另一个页面吗？