ما هو أفضل وسيلة لتمرير نافذة المتصفح لتوسيع العناصر؟

StackOverflow https://stackoverflow.com/questions/245768

  •  05-07-2019
  •  | 
  •  

سؤال

ما أريد القيام به هو انتقل لأسفل النافذة عندما كنت توسيع العناصر في صفحتي.

وتأثير واني اسعى الى تحقيقه هو مثل تعليق تجاوز المكدس. إذا كان توسع خارج الصفحة، ومخطوطات لتتناسب مع حجم كل التعليقات في الإطار.

ما هي أفضل طريقة للقيام بذلك؟

وتحرير: أنا باستخدام مسج

هل كانت مفيدة؟

المحلول

وهذا البرنامج المساعد مسج يعمل بشكل جيد بالنسبة لي: http://demos.flesler.com/jquery/scrollTo/

نصائح أخرى

إذا كان لديك ميزة استخدام النموذج، يمكنك استخدام $(element).scrollTo().

وخلاف ذلك، فإن الفكرة العامة هي لحساب تراكمي إزاحة العنصر، ثم تعيين window.scrollTopwindow.scrollLeft) وفقا لذلك.

ويمكنك أن تفعل ذلك بشكل جيد مع Scriptaculous (وبنيت على رأس <لأ href = "HTTP: / /prototypejs.org "يختلط =" نوفولو noreferrer "> نموذج ):

new Effect.ScrollTo('someDiv',{...some parameters...})

فهو يوفر لك تحكم أكثر دقة من نموذج وحده (تأخير قبل بداية ومدته ورد الأحداث (مثل afterFinish) التي تسمح لك لتؤدي إلى آثار أخرى أو كل ما اخترت. يمكنك جعله انتقل بسلاسة وبشكل جيد، وبالتالي فإن الصفحة دوسن 'ر القفز فجأة.

إذا كنت تعرف ما العنصر التالي في المصدر هو هل يمكن فعلا القفز إلى هذا العنصر (location.href = "# ..."). هذا من شأنه أن استخدام المتصفح السكان الأصليين 'التمرير' وعدم استخدام أي المكتبات.

هل يمكن استخدام هذا اللي تبونه متاحة بخير ولكن ليس مثاليا. وبناء على اقتراح من blonkm

function scrollTo( Selector ){
  $(Selector).before("<a name='scroll' id='scroll'></a>");
  document.location.hash = 'scroll';
  $('scroll').remove();
}

وهذا يجب أن تعمل. يتطلب مسج ولكن أقول لكم بالفعل باستخدام ذلك.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top