このコードで試しましたが、うまくいきませんでした。
<a href="http://altodesign.pt/#portfolio" onClick="loadintoIframe('myframe,'portfolio/mmteam.html');">
このコードで試しましたが、うまくいきませんでした。
<a href="http://altodesign.pt/#portfolio" onClick="loadintoIframe('myframe,'portfolio/mmteam.html');">
私はjavascriptを決して使用しません...
私はあなたのウェブページを調べました(ページの最後にスクリプトを追加したり、すべてのウェブサイトのアクションを保持するグローバルjavascriptオブジェクトを作成したりするなど、たくさんのことを学びました...しかしそれは問題ではありません)
あなたがジャンプしたとしても#CONTACTOS
、ハッシュをまったく使用していないことがわかりました...そしてあなたはそうすべきです!
ハッシュを使用すると、次のようなことができます。
http://altodesign.pt/#portfolio-cooptaxis
portfolio
そして、それはアンカーにジャンプしcooptaxis.html
てiframeにロードし、使用javascript:loadintoIframe('myframe', 'portfolio/mmteam.html')
を完全に停止します。これにより、GoogleAnalyticsとCrawlersはリンクをフォローアップしなくなります...
あなたの方法は次のような単純なものである可能性があります
$(function() {
// let's see if we have an hash on the page
var hash = document.location.hash;
if(hash.length > 0) {
if(hash.instr('-') >= 0) {
// supposing will have only one char '-'
var img = hash.split('-')[1];
// let's remove the frame info from the hash
hash = hash.split('-')[0];
// there's a call to load into the iframe, let's load it
$("#myframe").attr("src", "portfolio/" + img + ".html")
}
// let's fly
jumpTo(hash);
}
// let's disable the anchor links by default and use the hash
$("a[href^=#]").click(function() {
// for all links that start with the hash, let's...
document.location.hash = $(this).attr("href");
return false;
});
$(window).bind('hashchange', function() {
// everytime the hash changes let's fly
jumpTo(document.location.hash);
});
});
function jumpTo(anchor) {
var a = $("a[name='" + anchor.replace('#','') + "']"),
pos = 0;
if(a.length > 0) {
// we have found the anchor, let's grab it's top position
pos = a.position().top;
}
// if we got here and pos === 0, we did not found the anchor
// for the given hash... maybe the user is playing around ...
// and we shall fly
$('body,html').animate({
scrollTop: pos
}, 800);
}
justthisを使用すると、JavaScriptを使用してリンクをジャンプする必要がなくなります。これは、現在必要なのは単純なためです。<a href="#PORTFOLIO">Portfolio</a>
page1.htmlがあるとしましょう-page1.htmlのiframeで開くpage2.htmlへのリンク
in page1.html
<a href="page2.html" target="iframe-name">link</a>
<iframe name="iframe-name"></iframe>
次に、必要なアンカーを追加できます。iframeに名前を付けて、リンクでターゲットにするだけです。
あなたはこのようなことを試すことができます
a href="javavcipt:document.getElementById('myframe').src = 'portfolio/mmteam.html';"