0

我开发了一个弹出菜单，其中包含几个使用 jQueryMobile 的可折叠和超链接。

问题是，当单击弹出窗口并显示菜单时，向下滚动后，单击页面会将我带到页面顶部，靠近菜单按钮。

由于菜单的内容可能看起来很长（尤其是在移动设备上），所以滚动对我来说是必要的。但它似乎确实阻止了页面上的正常行为，因为无法再单击超链接。

任何帮助将非常感激。

这是一个简化代码的小提琴：https ://jsfiddle.net/48bqcgby/1/

<a data-rel="popup" href="#NestedPopup">Menu</a>
<div data-role="popup" id="NestedPopup">
  <div data-role="collapsibleset">
    <div data-role="collapsible">
      <h3>1st level header</h3>      
      <div data-role="collapsible">
        <h1>2nd level header</h1>
        <ul>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
          <li>hyperlink</li>
        </ul>
      </div>
    </div>
  </div>
</div>

<p>
Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent.

Denique Antiochensis ordinis vertices sub uno elogio iussit occidi ideo efferatus, quod ei celebrari vilitatem intempestivam urgenti, cum inpenderet inopia, gravius rationabili responderunt; et perissent ad unum ni comes orientis tunc Honoratus fixa constantia restitisset.

Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.

Verum ad istam omnem orationem brevis est defensio. Nam quoad aetas M. Caeli dare potuit isti suspicioni locum, fuit primum ipsius pudore, deinde etiam patris diligentia disciplinaque munita. Qui ut huic virilem togam deditšnihil dicam hoc loco de me; tantum sit, quantum vos existimatis; hoc dicam, hunc a patre continuo ad me esse deductum; nemo hunc M. Caelium in illo aetatis flore vidit nisi aut cum patre aut mecum aut in M. Crassi castissima domo, cum artibus honestissimis erudiretur.

Denique Antiochensis ordinis vertices sub uno elogio iussit occidi ideo efferatus, quod ei celebrari vilitatem intempestivam urgenti, cum inpenderet inopia, gravius rationabili responderunt; et perissent ad unum ni comes orientis tunc Honoratus fixa constantia restitisset.

Eminuit autem inter humilia supergressa iam impotentia fines mediocrium delictorum nefanda Clematii cuiusdam Alexandrini nobilis mors repentina; cuius socrus cum misceri sibi generum, flagrans eius amore, non impetraret, ut ferebatur, per palatii pseudothyrum introducta, oblato pretioso reginae monili id adsecuta est, ut ad Honoratum tum comitem orientis formula missa letali omnino scelere nullo contactus idem Clematius nec hiscere nec loqui permissus occideretur.

Quis enim aut eum diligat quem metuat, aut eum a quo se metui putet? Coluntur tamen simulatione dumtaxat ad tempus. Quod si forte, ut fit plerumque, ceciderunt, tum intellegitur quam fuerint inopes amicorum. Quod Tarquinium dixisse ferunt, tum exsulantem se intellexisse quos fidos amicos habuisset, quos infidos, cum iam neutris gratiam referre posset.

Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.

Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes.

His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.

Eo adducta re per Isauriam, rege Persarum bellis finitimis inligato repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit ordinatus, explorabat nostra sollicite, si repperisset usquam locum vi subita perrupturus.

Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit.

Isdem diebus Apollinaris Domitiani gener, paulo ante agens palatii Caesaris curam, ad Mesopotamiam missus a socero per militares numeros immodice scrutabatur, an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.

Hoc inmaturo interitu ipse quoque sui pertaesus excessit e vita aetatis nono anno atque vicensimo cum quadriennio imperasset. natus apud Tuscos in Massa Veternensi, patre Constantio Constantini fratre imperatoris, matreque Galla sorore Rufini et Cerealis, quos trabeae consulares nobilitarunt et praefecturae.

Intellectum est enim mihi quidem in multis, et maxime in me ipso, sed paulo ante in omnibus, cum M. Marcellum senatui reique publicae concessisti, commemoratis praesertim offensionibus, te auctoritatem huius ordinis dignitatemque rei publicae tuis vel doloribus vel suspicionibus anteferre. Ille quidem fructum omnis ante actae vitae hodierno die maximum cepit, cum summo consensu senatus, tum iudicio tuo gravissimo et maximo. Ex quo profecto intellegis quanta in dato beneficio sit laus, cum in accepto sit tanta gloria.

Ergo ego senator inimicus, si ita vultis, homini, amicus esse, sicut semper fui, rei publicae debeo. Quid? si ipsas inimicitias, depono rei publicae causa, quis me tandem iure reprehendet, praesertim cum ego omnium meorum consiliorum atque factorum exempla semper ex summorum hominum consiliis atque factis mihi censuerim petenda.

Alios autem dicere aiunt multo etiam inhumanius (quem locum breviter paulo ante perstri
nxi) praesidii adiumentique causa, non benevolentiae neque caritatis, amicitias esse expetendas; itaque, ut quisque minimum firmitatis haberet minimumque virium, ita amicitias appetere maxime; ex eo fieri ut mulierculae magis amicitiarum praesidia quaerant quam viri et inopes quam opulenti et calamitosi quam ii qui putentur beati.

Nec vox accusatoris ulla licet subditicii in his malorum quaerebatur acervis ut saltem specie tenus crimina praescriptis legum committerentur, quod aliquotiens fecere principes saevi: sed quicquid Caesaris implacabilitati sedisset, id velut fas iusque perpensum confestim urgebatur impleri.
</p>
4

2 回答 2

0

您可以添加此 JS 代码：

var scrollPosition = 0;
$(document).scroll(function() {
    scrollPosition = $(window).scrollTop();
});
$(document).on("popupafterclose", "#NestedPopup", function()
{
    $(window).scrollTop(scrollPosition);
});

（由于文档中的文档滚动，不适用于 JSFiddle）

于 2017-05-16T10:11:36.037 回答
0

您可以添加如下内容：

<button style="position:fixed; top:10px; width:1px; right:0px; opacity:0; z-index:0;"></button>

在你之后：<div data-role="popup" id="NestedPopup">

从理论上讲，这样做是添加一个随文档滚动的不可见元素，从而为浏览器提供其他内容以代替弹出标题。像个诱饵。这是一个黑客，但它的工作原理。请检查更新的小提琴：https ://jsfiddle.net/frspro/48bqcgby/3/

希望能帮助到你。

于 2017-09-15T16:36:45.500 回答