0

私は ebay に 2 つのリストを作成しましたが、2 つの単語だけが異なっています。

したがって、問題は、最初のリストに、下にスクロールしてコンテンツを表示するための独自のスクロールバーがあるコンテンツがあることです。それが私が望んでいることです。

私は自分のスクリプトで 2 つの単語だけを変更しようとしましたが、解決策がありました。eBay ページのスクロールバーは 1 つだけで、コンテンツのスクロールバーも同じです (それが私が望んでいることです)。2 つのスクロールバーはありませんでした。

これが最初の eBay のリストです (コードは必要ですが、2 つのスクロールバーは必要ありません) 。 そして、これが 2 番目の eBay のリストです (コードは必要ありませんが、スクロールバーが 1 つしかないという事実が必要です)。

http://www.ebay.com/itm/130927893759?ssPageName=STRK:MESELX:IT&_trksid=p3984.m1555.l2649 2 つのコードの違い:

最初のサポート.fadeOut()と.fadeIn()

2つ目のサポート.hide()と.show()

jquery コード:

$(document).ready(function () {
    $('#menu').on('click', 'a', function () {
        if($(this).closest('li').hasClass('current')) return;

        $('.current').not($(this).closest('li').addClass('current')).removeClass('curre nt');

        // fade out all open subcontents
        $('.pbox:visible').hide(600);

        // fade in new selected subcontent
        $('.pbox[id=' + $(this).attr('data-id') + ']').show(600);

    }).find('a:first').click();
});

それと同じくらい簡単ですが、.hide() .show()スクロールバーを1つ追加せずに欲しいです（コンテンツとebayページに1つのスクロールバーだけが欲しいです）。

4

1 に答える 1

1

不要なスクロール バーは、eBay がすべてのリストの説明をラップする IFRAME が原因です。

リストが表示されると、すべての説明が表示されるように IFRAME の高さを設定する eBay Javascript が実行されます。必要な高さは、スクリプトの実行時にリストの説明に表示される内容によって決まります。IFRAME の高さよりも大きい非表示の要素がある場合、要素が表示されるとスクロール バーが表示されます。

この問題をうまく説明できるように、2 つの例を作成しました。どちらも同じ HTML を使用します。

最初の例は、eBay Javascript が IFRAME の高さを設定するときに考慮されない隠し要素から始まります。いずれかのボタンをクリックすると、非表示の要素が表示されます。IFRAME 内に十分なスペースがないため、スクロール バーが表示されます。

2 番目の例では、最も高い要素が最初に表示され、IFRAME にそれを表示するのに十分な高さが確保されるため、この問題を回避します。すべての要素が IFRAME 内に収まるほど小さいため、どのボタンをクリックしてもスクロール バーは表示されません。

例 1 http://cgi.sandbox.ebay.com/ws/eBayISAPI.dll?ViewItem&item=110117879641

例 2 http://cgi.sandbox.ebay.com/ws/eBayISAPI.dll?ViewItem&item=110117879646

IFRAME の高さを設定する Javascript は、eBay によって生成されているため、制御できません。スクロール バーが表示されないようにするには、最も高い要素が最初に表示されるようにリストの説明を設計し、IFRAME の高さを設定して、他の要素が表示されたときにそれらを含めるのに十分な高さになるようにする必要があります。

前にも述べましたが、eBay はリストの説明に外部 Javascript を許可しないため、JQuery を含めるとリストが削除される可能性があります。

于 2013-06-14T22:36:44.483 に答える