2

全て

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を適用してみましたが、うまくいきません。

前もって感謝します ！

4

3 に答える 3

5

最も近いオプションはhttp://jsfiddle.net/JtCJa/9/だと思いますが、それでも微調整が必​​要であり、リンクをクリックすることはできませんが、期待どおりに機能します:)

于 2012-05-14T14:09:24.960 に答える
3

親フレームからこれを行うことはできません。iScroll のスクリプトを"http://www.css-tricks.com"ページに直接追加する必要があります。このサイトがあなたのものでない場合、別のドメインのページで JavaScript コードを実行することはセキュリティ上の理由から禁止されているため、これを行うことはできません。

フレームの高さを非常に大きく設定できるため、フレーム内のスクロール バーが消え、親フレームのスクロール バーだけが残ります。このスクロールバーはドメインに属しているため、JavaScript でスタイルを設定できます。しかし、フレーム内のマウスでページをスクロールするとうまくいかないと思います（サードパーティのフレームからマウスイベントを受け取ることはできません）。また、ページの高さが非常に大きくなります (フレーム コンテンツの高さを判断できません)。

ページのコンテンツ全体をサーバー側にダウンロードして、そのコピーをサイトに表示することができます。この場合、このページの JavaScript が機能し、スクロールバーのスタイルを設定できます。これを行うためのスクリプトがいくつかあります。Trey は「Web プロキシ」と呼ばれます。PHProxyなど、そのうちの 1 つを使用できます。いくつかの技術的な問題 (関連ファイルのダウンロード、ajax 要求のリダイレクト、Cookie の保存など) があるため、この機能を自分で実装するのは複雑です。

于 2012-05-09T19:53:23.263 に答える
3

ちょっと 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(); }
于 2012-05-10T11:06:27.187 に答える