Scroll Automatically to the Bottom of the Page in Service Portal

salu
Mega Guru

Hello,

Consider I have a list of questions. When I click on the first question, it should automatically take me to the bottom of the page.

window.scrollTo(0,document.body.scrollHeight); won't work as document won't work in API.

Thanks

Saranya

1 ACCEPTED SOLUTION

Hello Mansoor,


I got the solution for the same.



$scope.scrollTo = function(id) {



var old = $location.hash();


$location.hash(id);


$anchorScroll();


//reset to old to keep any additional routing logic from kicking in


$location.hash(old);


};



<sp-model form-model="::data.sc_cat_item" mandatory="mandatory" ng-click="scrollTo('e30904d54f83e200bb603f828110c721')"   ></sp-model>


View solution in original post

23 REPLIES 23

renakhanna
Kilo Contributor

Hi Saranya Thanks For Your Rply



<xml>


<sys_update_version>


<action>INSERT_OR_UPDATE</action>


<application display_value="Global">global</application>


<file_path/>


<instance_id>8e2a76db4fa70640401199701310c730</instance_id>


<instance_name>vodafonescdev</instance_name>


<name>menu_item_1c665b7537041600dad9138943990ef6</name>


<payload>


<![CDATA[


<?xml version="1.0" encoding="UTF-8"?><record_update table="menu_item"><menu_item action="INSERT_OR_UPDATE"><active>true</active><category/><description/><detail_page display_value="VS Home">ddb14b3637711a00dad9138943990e39</detail_page><iframe/><image/><logged_on>false</logged_on><menu_section display_value="Help">18665b7537041600dad9138943990ef5</menu_section><name>FAQs</name><order>200</order><roles/><sys_class_name>menu_item</sys_class_name><sys_created_by>admin</sys_created_by><sys_created_on>2015-12-01 15:46:24</sys_created_on><sys_customer_update>true</sys_customer_update><sys_id>1c665b7537041600dad9138943990ef6</sys_id><sys_mod_count>6</sys_mod_count><sys_name>FAQs</sys_name><sys_package display_value="Global" source="global">global</sys_package><sys_policy/><sys_replace_on_upgrade>false</sys_replace_on_upgrade><sys_scope display_value="Global">global</sys_scope><sys_update_name>menu_item_1c665b7537041600dad9138943990ef6</sys_update_name><sys_updated_by>Ehab.Saleh.Ext</sys_updated_by><sys_updated_on>2017-01-19 11:58:19</sys_updated_on><tag/><target>internal</target><type>url</type><u_catalogue_category/><u_custom_url/><url>/services/knowledge.do?category=d0497b524fae9a0047abc9318110c7ce</url></menu_item></record_update>


]]>


</payload>


<payload_hash>181402206</payload_hash>


<record_name>FAQs</record_name>


<reverted_from/>


<source>542f7807dba87a00885dfdabbf9619e8</source>


<source_table>sys_update_set</source_table>


<state>current</state>


<sys_created_by>Ehab.Saleh.Ext</sys_created_by>


<sys_created_on>2017-01-19 11:58:19</sys_created_on>


<sys_id>adfd231f379876003eab2b2943990e67</sys_id>


<sys_mod_count>1</sys_mod_count>


<sys_updated_by>Ehab.Saleh.Ext</sys_updated_by>


<sys_updated_on>2017-01-30 14:51:41</sys_updated_on>


<type>Menu Item</type>


</sys_update_version>


</xml>





This is My Client Script . Any Chages For My Issue.



Thanks


Dinesh


renakhanna
Kilo Contributor

Hello Saranya


                                                    If You Don't Mine...We Both Connect In Team Viewer Or Any Desk.I Am So Struggle With This Issue.


My Mail.Id : dineshkumar.raghu9426@gmail.com    


If You Ok With This Please Send Male To Me, Please Help Me.



Thank You


Dinesh


renakhanna
Kilo Contributor

Please Help Me


subhashuniyal
Tera Contributor

Hi,



I tried the below code and it worked.



var elmnt = document.getElementById("content");


elmnt.scrollIntoView();



More information can be found at https://www.w3schools.com/jsref/met_element_scrollintoview.asp



Regards,


Subhash Uniyal