在 iframe 中使用 iScroll
Using iScroll in iframe
All
我想在 iframe 中使用 iScroll。
这是我的代码
.HTML
<form>
<input type="text" class="frmUrlVal">
<input type="submit" class="frmSubmit" value="Go">
</form>
<iframe src="http://www.css-tricks.com" width="360" height="500" id="dynFrame"></iframe>
.JS
$(function()
{
$('.frmSubmit').click(function(e)
{
$('#dynFrame').attr('src', $('.frmUrlVal').attr('value'));
e.preventDefault();
});
});
这是我的jsfiddle链接:http://jsfiddle.net/ajaypatel_aj/JtCJa/你可以看到这里有垂直滚动条,我想使用 iSroll 而不是那个常规的滚动条。我尝试应用 id,但它对我不起作用。
提前感谢!
我认为您最接近的选择是 http://jsfiddle.net/JtCJa/9/它仍然需要调整,您无法单击链接,但它可以按您的预期工作:)
您无法从父框架执行此操作。您必须将 iScroll 的脚本直接添加到"http://www.css-tricks.com"
页面。如果此站点不属于您,则无法执行此操作,因为出于安全原因,禁止在不同域的页面上执行JavaScript代码。
您可以设置非常大的框架高度,因此框架内的滚动条将消失,仅保留父框架的滚动条。可以使用JavaScript设置此滚动条的样式,因为它属于您的域。但我认为在框架内使用鼠标滚动页面将不起作用(您无法从第三方框架接收鼠标事件(。页面高度变得非常大(您无法确定框架内容的高度(。
好吧,您可以在服务器端下载整个页面内容并在您的网站上显示其副本。在这种情况下,此页面上的JavaScript将起作用,并且可以设置滚动条样式。有几个脚本可以执行此操作。特雷被称为"网络代理"。您可以使用其中之一,例如 PHProxy。自己实现此功能很复杂,因为存在一些技术困难(下载相关文件、重定向 ajax 请求、保存 cookie 等(。
嘿,ajajy 你也必须在你的文件中添加类
<iframe src="http://www.css-tricks.com" width="360" height="500" id="navbar" class="navbar_relative"></iframe>
和 js 功能
function magentoScrollMimic(){
j(document).scroll(function(e){
if(j(window).scrollTop()>138)
{
j('#dynFrame').addClass('navbar_fixed');
j('#dynFrame').removeClass('navbar_relative');
}
else
{
j('#dynFrame').removeClass('navbar_fixed');
j('#dynFrame').addClass('navbar_relative');
}
});
}
三城
并直接使用
<ul id="dynFrame" class="navbar_relative">
我使用了这个和它的工作
j(document).ready(function(){
magentoScrollMimic(); }
- 防止Iframe窗体在新窗口中打开
- 将样式表插入iframe
- 在Twitter上用ie9中的空白src访问iframe的contentWindow
- 使用jQuery从原始页面内容创建iframe
- Highslide(iframe的侦听器)
- iframe正在添加标签,需要删除它们
- 通过javascript/html访问twitter共享iframe
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 如何使用Angular动态添加iframe-src
- 由于iframe导致的问题
- 正在从页面中删除iframe
- 检测iframe是否跨域的愚蠢方法
- 是否可以使用iframe API在iOS浏览器上播放youtube视频
- 如何操作iframe之外的元素
- 如何使用javascript/jquery获取iframe的URL的锚点属性
- 对特定的iframe使用javascript书签
- node-webkit-从父窗口捕获iframe鼠标事件
- 重定向iFrame中的父URL
- 如何关闭html中的iframe弹出窗口
- 在 iframe 中使用 iScroll