[英]Using iScroll in iframe
所有
我想在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將起作用,並且可以設置滾動條的樣式。 有幾個腳本可以執行此操作。 Trey稱為“網絡代理”。 您可以使用其中一個,例如, 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');
}
});
}
samjyo
並直接使用
<ul id="dynFrame" class="navbar_relative">
我用它和它的工作
j(document).ready(function(){
magentoScrollMimic(); }
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.