كيفية إعداد التمرير السلس على موقع الويب في منشئ التلدة

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

يعد إعداد التمرير السلس على موقع ويب تم إنشاؤه باستخدام منشئ التلدة أمرا بسيطا للغاية. يوفر منشئ التلدة عدة طرق لتخصيص التمرير ، بما في ذلك استخدام أداة "التمرير السلس" المضمنة. إنه موجود ككتلة ويسمح لك بإضافة التمرير السلس بسهولة وسرعة إلى أي قسم من موقعك.

لاستخدام أداة " التمرير السلس "في منشئ التلدة ، تحتاج إلى الانتقال إلى صفحة التحرير في القسم المطلوب ، وإضافة كتلة باستخدام أداة" التمرير السلس " وتكوين معلماتها باستخدام المحرر المتاح.

1. ملامح منشئ التلدة
2. التمرير السلس
3. ضبط سرعة التمرير
4. إضافة الرسوم المتحركة عند التمرير
5. إنشاء تأثيرات إخفاء كتلة جميلة عند التمرير

ملامح منشئ التلدة

1. سهولة الاستخدام:

توفر تيلدا واجهة مرئية سهلة الاستخدام تتيح لك إنشاء مواقع الويب وتحريرها دون الحاجة إلى معرفة البرمجة. يتم تنفيذ جميع الإجراءات في الوقت الفعلي ، مما يسمح لك بإجراء تغييرات بسرعة وسهولة على صفحة الويب.

2. مجموعة واسعة من الكتل:

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

3. التصميم التكيفي:

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

4. التكامل مع الخدمات الخارجية:

توفر تيلدا فرصة لتضمين أدوات وخدمات الجهات الخارجية على موقعك. يمكنك دمج أنظمة إدارة علاقات العملاء وبوابات الدفع والشبكات الاجتماعية وغيرها من الأدوات المفيدة لتوسيع وظائف موقعك.

5. الأمثل لكبار المسئولين الاقتصاديين:

منشئ تيلدا يسمح لك لتحسين موقع الويب الخاص بك لمحركات البحث. يمكنك تخصيص العلامات الوصفية والنص البديل للصور وتعيين قواعد إعادة التوجيه والمزيد لزيادة ظهور موقعك في نتائج البحث.

6. التحليلات والإحصاءات:

يوفر منشئ التلدة أدوات لتتبع الإحصائيات والتحليلات لموقعك. يمكنك تعيين رموز التحليلات للحصول على معلومات حول الزوار وتحديد نجاح حملاتك التسويقية.

7. استضافة سريعة وموثوقة:

جنبا إلى جنب مع منشئ التلدة ، يمكنك الحصول على استضافة سريعة وموثوقة لموقعك. يتيح لك ذلك ضمان توفر موقع مرتفع وتحميل سريع للصفحة لزوار موقعك.

8. الدعم والتحديثات:

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

التمرير السلس

التمرير السلس هو تأثير يتغير فيه موضع التمرير للصفحة بسلاسة وينتقل بسلاسة إلى العنصر المطلوب في الصفحة. يمكن تنفيذ هذا التأثير على المواقع التي تم إنشاؤها باستخدام منشئ التلدة.

لإعداد التمرير السلس على الموقع في منشئ التلدة ، ستحتاج إلى اتباع بعض الخطوات البسيطة:

1. افتح محرر الصفحة في منشئ التلدة.
2. حدد العنصر في الصفحة التي تريد إضافة تمرير سلس إليها. على سبيل المثال ، يمكن أن تكون قائمة تنقل أو زرا.
3. افتح إعدادات العنصر المحدد وانتقل إلى علامة التبويب" الإجراء".
4. في قسم "التنقل في الصفحة "، حدد" معرف الارتساء " وحدد معرفا فريدا للعنصر الذي تريد التمرير إليه.
5. احفظ التغييرات.

بعد ذلك ، عند النقر فوق العنصر المحدد ، سيتم تمرير الصفحة بسلاسة إلى العنصر المحدد ، مما يؤدي إلى إنشاء تأثير تمرير سلس.

باستخدام التمرير السلس ، يمكنك تحسين قابلية استخدام موقعك بشكل كبير من خلال تزويد المستخدمين بملاحة موقع أكثر سلاسة ومتعة.

ضبط سرعة التمرير

يمكن تكوين سرعة التمرير على موقعك في منشئ التلدة باستخدام خاصية سلوك التمرير المغلق. تحدد هذه الخاصية ما إذا كان يجب إجراء التمرير على الفور أو بسلاسة.

لضبط سلاسة التمرير ، أضف القاعدة التالية إلى قسم الأنماط في موقعك:

أتش تي أم أل ، الجسم {

التمرير-السلوك: سلس;

}

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

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

• السيارات هي القيمة القياسية ، التمرير لحظية;
• التمرير السلس سلس;

لتعيين سرعة تمرير سلسة محددة ، يمكنك استخدام خاصية سلوك التمرير مع خاصية نوع التمرير السريع وتحديد قيمة السلوك في القيمة السلسة وقيمة نوع التمرير السريع في القيمة الإلزامية ص.

هنا مثال على رمز كس الذي يسمح لك لضبط سرعة التمرير السلس:

أتش تي أم أل ، الجسم {

التمرير السلوك: على نحو سلس;

نوع التمرير المفاجئ: ص إلزامي;

}

استبدال هتمل ، الجسم مع المحدد المناسب لموقعك.

إضافة الرسوم المتحركة عند التمرير

يمكن أن يؤدي إنشاء رسوم متحركة أثناء التمرير في الصفحة إلى تحسين التجربة المرئية للمستخدمين بشكل كبير. هناك عدة طرق لإضافة الرسوم المتحركة عند التمرير في منشئ التلدة:

• باستخدام الرسوم المتحركة المضمنة
• استخدام مكتبة أوس
• إنشاء الرسوم المتحركة الخاصة بك باستخدام كس وجافا سكريبت

باستخدام الرسوم المتحركة المضمنة

يقدم مصمم التلدة مجموعة واسعة من الرسوم المتحركة المدمجة التي يمكن تطبيقها على عناصر مختلفة على الصفحة. لإضافة رسم متحرك ، حدد عنصرا ، وحدد" الرسوم المتحركة " من القائمة وحدد الرسوم المتحركة المطلوبة من القائمة.

استخدام مكتبة أوس

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

إنشاء الرسوم المتحركة الخاصة بك باستخدام كس وجافا سكريبت

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

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

إنشاء تأثيرات إخفاء كتلة جميلة عند التمرير

واحدة من الطرق لخلق كتلة جميلة إخفاء الآثار عند التمرير على موقع على شبكة الانترنت في منشئ تيلدا يستخدم كس وجافا سكريبت.

أولا ، نحتاج إلى إضافة فئة إلى الكتلة التي نريد إخفاءها عند التمرير:

...

ثم نضيف أنماط لهذه الفئة. على سبيل المثال ، نريد أن تختفي الكتلة عند التمرير لأسفل وتظهر عند التمرير لأعلى:

.التمرير-تأثير {

التعتيم: 1;

الانتقال: التعتيم 0.3 ثانية;

}

.التمرير-تأثير.مخفي {

التعتيم: 0;

نافذة.أدفنتليستينر ('التمرير' ، وظيفة () {