这个功能很好.它将主体滚动到所需容器的偏移量
function scrolear(destino){
var stop = $(destino).offset().top;
var delay = 1000;
$('body').animate({scrollTop: stop}, delay);
return false;
}
Run Code Online (Sandbox Code Playgroud)
但不是在Firefox中.为什么?
-编辑-
要在接受的答案中处理de double触发器,我建议在动画之前停止元素:
$('body,html').stop(true,true).animate({scrollTop: stop}, delay);
Run Code Online (Sandbox Code Playgroud) 这就是我的尝试方式
<script type="text/javascript">
$(document).ready(function(){
$('#dateIn,#dateOut').click(function(e){
e.preventDefault();
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
但输入仍然是'推出'iphone的键盘
ps:我想这样做,因为我使用datepicker插件作为日期
我通常使用一个类似的解决方案,这一项.就像是:
.wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 33%;
}
.wrapper iframe {
position:absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
但这次我无法访问HTML或JavaScript代码,因此我无法使用包装器来阻止height:0
.
有没有办法让iframe响应(并保持比例)只有CSS?
试过这个(与iframe一起使用但不与其内容一起使用):
iframe {
width: 100%;
background: red;
height: 0;
padding-bottom: 33%;
}
Run Code Online (Sandbox Code Playgroud)
有什么想法吗?无需支持旧浏览器,因此即使是CSS3解决方案也会很棒.
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.sized {
height: 100%;
position: relative;
background: #eee;
overflow:hidden;
padding:0;
}
.sized iframe {
position:absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (min-width: 320px) {
height: 200%;
top: -50%;
}
@media (min-width: 640px) {
height: 180%;
top: -40%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="sized">
<iframe src="https://player.vimeo.com/video/135335257?autoplay=false" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</div>
<h3>Original video</h3>
<iframe src="https://player.vimeo.com/video/135335257?autoplay=false" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
Run Code Online (Sandbox Code Playgroud)
当我在片段结果中得到一个cookie相同的原始错误时,这里是一个镜像:
https://jsfiddle.net/07Lffw5x/2/embedded/result/
[编辑]也许这是一个更好的演示,如果你比较这个,没有太大的区别......为什么?[/编辑]
我正在尝试为iframe重现背景大小的封面.
事情是它似乎重新缩放视频,仅适用于更大的尺寸,
题,
重新划分可以在每个断点生效吗?或者vimeo玩家可能会自己重新缩放?
我刚从挪威打来电话说有一个奇怪的域重定向,最终导致404错误,
我如何模拟我在另一个国家或复制此错误?
我试图让用户对这种标记进行排序
<div id="steps">
<div class="sort">
<span></span>
<textarea/>
</div>
<div class="sort">
<span></span>
<textarea/>
</div>
<div class="sort">
<span></span>
<textarea/>
</div>
<div class="sort">
<span></span>
<textarea/>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
而我正在尝试这样:
$('.sort').sortable({placeholder: "ui-state-highlight",helper:'clone'}).disableSelection();
Run Code Online (Sandbox Code Playgroud)
但我的行为非常出乎意料,请检查:
我该怎么做只让用户按步骤编号排序?(但将整个项目排序为块)
这就是我使用插件的方式:
jQuery( document ).ready( function() {
jQuery('#booking-calendar').fullCalendar({
header: {
left: 'prev,next',
center: 'title',
right: 'month,basicWeek,basicDay'
},
editable: true,
events: '<?php echo get_template_directory_uri() ?>/bookings-feed.php'
});
jQuery( '#apartment-selector' ).change( function() {
apartment = jQuery( this ).val()
jQuery('#booking-calendar').fullCalendar( 'removeEvents' )
jQuery('#booking-calendar').fullCalendar( 'addEventSource', {
url: '<?php echo get_template_directory_uri() ?>/bookings-feed.php',
type: 'POST',
data: {
apartment : apartment
}
})
})
})
Run Code Online (Sandbox Code Playgroud)
这就是它的样子:
正如您所看到的,当事件开始和结束时跟踪有点困难,所以我想改变每个事件的颜色,
这里的问题是每个事件可能在不同的星期分裂(如示例中所示),并且每个星期都有不同的DOM事件(这是有意义的),并且它们没有任何相关的类,
我知道如何以不同的方式为每个事件着色?
谢谢!
我在尝试
.item {
width: 100px;
overflow-x: visible;
overflow-y: auto;
}
Run Code Online (Sandbox Code Playgroud)
但垂直溢出:auto似乎覆盖了水平
小提琴:http://jsfiddle.net/xcUTV/
这有什么解决方法吗?即使有一点javascript
对于我的网站,我想添加一个新功能.
我希望用户能够上传他的书签备份文件(如果可能的话,从任何浏览器上传),这样我就可以将其上传到他们的个人资料中,而且他们不必手动插入所有这些文件...
这是我唯一缺少这样做的部分,它是从上传的文件中提取标题和URL的部分..任何人都可以提供线索从何处开始或在哪里阅读?
使用搜索选项和(如何从原始html文件中提取数据)这是我最相关的问题,它没有谈论它..
我真的不介意它是否使用jquery或php
非常感谢你